Fix footer items overlap

starknet-io · Dec 12, 2023 · 2b0c5c6 · 2b0c5c6
1 parent 1b9016e
commit 2b0c5c6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/workspaces/website/src/components/Footer/Footer.tsx b/workspaces/website/src/components/Footer/Footer.tsx
@@ -173,9 +173,7 @@ const Column = ({ title, children, color }: ColumnProps) => {
       >
         {title}
       </Heading>
-      <Stack spacing="1" shouldWrapChildren>
-        {children}
-      </Stack>
+      {children}
     </Stack>
   );
 };
@@ -190,7 +188,6 @@ const FooterLink = ({ children, href, isExternal }: FooterLinkProps) => {
     <Link
       fontSize="sm"
       px="0"
-      height="36px"
       bg="navbar-link-bg"
       color={useColorModeValue("footer-link-fg", "footer-link-fg")}
       borderRadius={18}

diff --git a/workspaces/website/src/pages/(components)/Footer.tsx b/workspaces/website/src/pages/(components)/Footer.tsx
@@ -54,7 +54,7 @@ export const Footer = ({ mainMenu, seo }: Props) => {
                 {mainMenuItem.columns?.map((column, columnIndex) => (
                   <Box key={columnIndex}>
                     {column.blocks?.map((block, blockIndex) => (
-                      <Box key={blockIndex}>
+                      <Stack key={blockIndex} spacing="4">
                         {block.items?.map((item, itemIndex) => {
                           if (
                             item.hide_from_footer ||
@@ -88,7 +88,7 @@ export const Footer = ({ mainMenu, seo }: Props) => {
                             </FooterComponent.FooterLink>
                           );
                         })}
-                      </Box>
+                      </Stack>
                     ))}
                   </Box>
                 ))}