theme/layout/Header.tsx

@@ -119,8 +119,7 @@ const Header = (): JSX.Element => {
       </HStack>
 
       {/* Desktop Nav Items and Mobile Menu Button */}
-      <Box h="auto" w="100%" px={4}>
-        <Flex h={12} alignItems="center" justifyContent="space-between" >
+      <HStack w="100%" px={4} h={12} alignItems="center" justifyContent="space-between" >
         <HStack
           w="100%"
           h="auto"
@@ -164,8 +163,7 @@ const Header = (): JSX.Element => {
           />
           <MobileNav updateOpen={setOpen} />
         </Menu>
-        </Flex>
-      </Box>
+      </HStack>
     </Box>
   );
 };