diff --git a/web/src/routes/(user)/user-settings/+page.svelte b/web/src/routes/(user)/user-settings/+page.svelte
index 028941cdd6..c434bc7de6 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>