Merge pull request #3173 from getAlby/fix-makeover

fix: account menu makeover when account name is larger
getAlby · Jun 17, 2024 · 5b0b35e · 5b0b35e
2 parents 0aa42ee + c6955c4
commit 5b0b35e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/app/components/AccountMenu/index.tsx b/src/app/components/AccountMenu/index.tsx
@@ -94,16 +94,16 @@ function AccountMenu({ showOptions = true }: Props) {
           {authAccount && (
             <Menu.Item>
               <div className="p-2 overflow-hidden">
-                <div className="flex flex-row items-center justify-between bg-amber-50 dark:bg-brand-yellow/50 border-brand-yellow border-l-4 p-2 rounded-lg">
-                  <div className="flex flex-row items-center gap-2">
+                <div className="flex flex-row items-center justify-between gap-2 bg-amber-50 dark:bg-brand-yellow/50 border-brand-yellow border-l-4 p-2 rounded-lg">
+                  <div className="flex flex-row items-center gap-2 overflow-hidden">
                     <div className="shrink-0">
                       <Avatar
                         size={24}
                         name={authAccount.id}
                         url={authAccount.avatarUrl}
                       />
                     </div>
-                    <div className="flex flex-col">
+                    <div className="flex flex-col overflow-hidden">
                       <span className="overflow-hidden text-ellipsis whitespace-nowrap font-medium">
                         {authAccount.name}
                       </span>