diff --git a/src/layout/header/index.tsx b/src/layout/header/index.tsx
index 708f376..b256930 100644
--- a/src/layout/header/index.tsx
+++ b/src/layout/header/index.tsx
@@ -104,7 +104,8 @@ const Header = () => {
       </Box>
       <Box p="4" overflowX="hidden" overflowY="auto">
         <HStack
-          justifyContent={{ base: "none", md: "center" }}
+          justifyContent={{ base: "none", lg: "center" }}
+          flexWrap={{ base: "initial", lg: "wrap" }}
           spacing={4}
           overflowX="auto"
           overflowY="hidden"