Fix header ui

lexicongovernance · May 24, 2024 · 2bc17c0 · 2bc17c0
1 parent d5ff37c
commit 2bc17c0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/berlin/src/components/header/Header.styled.tsx b/packages/berlin/src/components/header/Header.styled.tsx
@@ -108,7 +108,7 @@ export const ThemeButton = styled(Button)`
   }
 `;
 
-export const MenuButton = styled.div`
+export const MenuButton = styled.li`
   align-items: center;
   cursor: pointer;
   display: flex;

diff --git a/packages/berlin/src/components/header/Header.tsx b/packages/berlin/src/components/header/Header.tsx
@@ -136,19 +136,19 @@ function Header() {
                     onClick={() => navigate('/account')}
                     icon={{ src: `/icons/user-${theme}.svg`, alt: 'User' }}
                     $color="primary"
+                    $height={20}
+                    $width={20}
                   />
                 </>
               ) : (
                 <ZupassLoginButton>Login with Zupass</ZupassLoginButton>
               )}
             </DesktopButtons>
-            <li>
-              <MenuButton onClick={() => setIsBurgerMenuOpen(!isBurgerMenuOpen)}>
-                <Bar $isOpen={isBurgerMenuOpen} />
-                <Bar $isOpen={isBurgerMenuOpen} />
-                <Bar $isOpen={isBurgerMenuOpen} />
-              </MenuButton>
-            </li>
+            <MenuButton onClick={() => setIsBurgerMenuOpen(!isBurgerMenuOpen)}>
+              <Bar $isOpen={isBurgerMenuOpen} />
+              <Bar $isOpen={isBurgerMenuOpen} />
+              <Bar $isOpen={isBurgerMenuOpen} />
+            </MenuButton>
             <li>
               <ThemeButton onClick={toggleTheme}>
                 <img