From 7d95bad5cb2187dea4b432661791732e1ad9cb90 Mon Sep 17 00:00:00 2001
From: Jason Rasmussen <jason@rasm.me>
Date: Wed, 14 May 2025 12:30:55 -0400
Subject: [PATCH] refactor: user settings container (#18291)

---
 web/src/routes/(user)/user-settings/+page.svelte | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/web/src/routes/(user)/user-settings/+page.svelte b/web/src/routes/(user)/user-settings/+page.svelte
index 028941cdd6d..c434bc7de6c 100644
--- a/web/src/routes/(user)/user-settings/+page.svelte
+++ b/web/src/routes/(user)/user-settings/+page.svelte
@@ -4,6 +4,7 @@
   import UserSettingsList from '$lib/components/user-settings-page/user-settings-list.svelte';
   import { modalManager } from '$lib/managers/modal-manager.svelte';
   import ShortcutsModal from '$lib/modals/ShortcutsModal.svelte';
+  import { Container } from '@immich/ui';
   import { mdiKeyboard } from '@mdi/js';
   import { t } from 'svelte-i18n';
   import type { PageData } from './$types';
@@ -23,9 +24,7 @@
       onclick={() => modalManager.show(ShortcutsModal, {})}
     />
   {/snippet}
-  <section class="mx-4 flex place-content-center">
-    <div class="w-full max-w-3xl">
-      <UserSettingsList keys={data.keys} sessions={data.sessions} />
-    </div>
-  </section>
+  <Container size="medium" center>
+    <UserSettingsList keys={data.keys} sessions={data.sessions} />
+  </Container>
 </UserPageLayout>