From 2bc17c073d531d0a50e7b9b3d98cb6a36843a901 Mon Sep 17 00:00:00 2001
From: camilovegag <camilovegag@unisabana.edu.co>
Date: Fri, 24 May 2024 12:18:46 +0100
Subject: [PATCH] Fix header ui

---
 .../berlin/src/components/header/Header.styled.tsx |  2 +-
 packages/berlin/src/components/header/Header.tsx   | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/berlin/src/components/header/Header.styled.tsx b/packages/berlin/src/components/header/Header.styled.tsx
index 08609a44..36e34cce 100644
--- 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
index e5201cb7..bd6ec61e 100644
--- 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