diff --git a/web/src/components/UserBanner.tsx b/web/src/components/UserBanner.tsx
index cb1cc7acd..452e89c00 100644
--- a/web/src/components/UserBanner.tsx
+++ b/web/src/components/UserBanner.tsx
@@ -39,9 +39,9 @@ const UserBanner = (props: Props) => {
             {!collapsed && <span className="ml-2 text-lg font-medium text-slate-800 dark:text-gray-200 shrink truncate">{title}</span>}
           </div>
         </MenuButton>
-        <Menu placement="bottom-start">
+        <Menu placement="bottom-start" size="sm" style={{ zIndex: "9999" }}>
           <MenuItem onClick={handleSignOut}>
-            <Icon.LogOut className="w-5 h-auto opacity-60 shrink-0" />
+            <Icon.LogOut className="w-4 h-auto opacity-60 shrink-0" />
             <span className="truncate">{t("common.sign-out")}</span>
           </MenuItem>
         </Menu>