diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte index 540eafd87b..b199760533 100644 --- a/src/lib/components/layout/Sidebar.svelte +++ b/src/lib/components/layout/Sidebar.svelte @@ -1404,6 +1404,7 @@ role={$user?.role} profile={$config?.features?.enable_user_status ?? true} showActiveUsers={false} + className="max-w-[calc(var(--sidebar-width)-1rem)]" on:show={(e) => { if (e.detail === 'archived-chat') { showArchivedChats.set(true); diff --git a/src/lib/components/layout/Sidebar/UserMenu.svelte b/src/lib/components/layout/Sidebar/UserMenu.svelte index 0203c23cea..3795cb8132 100644 --- a/src/lib/components/layout/Sidebar/UserMenu.svelte +++ b/src/lib/components/layout/Sidebar/UserMenu.svelte @@ -39,6 +39,7 @@ export let help = false; export let className = 'max-w-[240px]'; + export let align = 'end'; export let showActiveUsers = true; @@ -88,8 +89,7 @@ class="w-full {className} rounded-2xl px-1 py-1 border border-gray-100 dark:border-gray-800 z-50 bg-white dark:bg-gray-850 dark:text-white shadow-lg text-sm" sideOffset={4} side="top" - align="start" - avoidCollisions={false} + {align} transition={(e) => fade(e, { duration: 100 })} > {#if profile}