fix(ui): fix the user profile icon (#3741)

flipt-io · Dec 18, 2024 · 4666d1e · 4666d1e
1 parent 3bc41de
commit 4666d1e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/ui/src/components/Header.tsx b/ui/src/components/Header.tsx
@@ -38,7 +38,7 @@ export default function Header(props: HeaderProps) {
         style={topbarStyle}
       >
         <div className="flex flex-1" />
-        <div className="flex items-center gap-2">
+        <div className="flex items-center gap-2 pr-2">
           {/* read-only mode */}
           {readOnly && <ReadOnly />}
 

diff --git a/ui/src/components/header/UserProfile.tsx b/ui/src/components/header/UserProfile.tsx
@@ -41,8 +41,9 @@ export default function UserProfile(props: UserProfileProps) {
     <DropdownMenu modal={false}>
       <DropdownMenuTrigger asChild>
         <Button
+          variant="link"
           aria-label="Open user menu"
-          className="h-7 w-7 rounded-full ring-2 ring-white ring-offset-0 hover:ring-primary/80 focus:ring-primary/80"
+          className="h-6 w-6 rounded-full ring-2 ring-white ring-offset-0 hover:ring-primary/80 focus:ring-primary/80"
         >
           {user.imgURL && (
             <img