From 85380c814231df2309787754c32cdc53d1b809c7 Mon Sep 17 00:00:00 2001
From: Robin Townsend <robin@robin.town>
Date: Mon, 22 May 2023 13:59:18 -0400
Subject: [PATCH] Make width of profile tab conform to designs

---
 src/settings/ProfileSettingsTab.module.css | 6 ++++++
 src/settings/ProfileSettingsTab.tsx        | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/settings/ProfileSettingsTab.module.css b/src/settings/ProfileSettingsTab.module.css
index 4b80e49a..e85a00a5 100644
--- a/src/settings/ProfileSettingsTab.module.css
+++ b/src/settings/ProfileSettingsTab.module.css
@@ -14,6 +14,12 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+.content {
+  width: 100%;
+  max-width: 350px;
+  align-self: center;
+}
+
 .avatarFieldRow {
   justify-content: center;
 }
diff --git a/src/settings/ProfileSettingsTab.tsx b/src/settings/ProfileSettingsTab.tsx
index a6451336..7e325685 100644
--- a/src/settings/ProfileSettingsTab.tsx
+++ b/src/settings/ProfileSettingsTab.tsx
@@ -74,7 +74,7 @@ export function ProfileSettingsTab({ client }: Props) {
   );
 
   return (
-    <form onSubmit={onSubmit}>
+    <form onSubmit={onSubmit} className={styles.content}>
       <FieldRow className={styles.avatarFieldRow}>
         <AvatarInputField
           id="avatar"