From f1ef963838ff1a76da17e7343b4f47c50cdbb442 Mon Sep 17 00:00:00 2001
From: PedroBailaAndrade <pedrocbva@gmail.com>
Date: Tue, 2 Jan 2024 13:12:10 +0000
Subject: [PATCH] Fix footer

---
 workspaces/website/src/components/Footer/Footer.tsx  | 8 ++++----
 workspaces/website/src/pages/(components)/Footer.tsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/workspaces/website/src/components/Footer/Footer.tsx b/workspaces/website/src/components/Footer/Footer.tsx
index 275ab6a0e7..7557f4d552 100644
--- a/workspaces/website/src/components/Footer/Footer.tsx
+++ b/workspaces/website/src/components/Footer/Footer.tsx
@@ -43,7 +43,7 @@ const Root = ({ children, seo, ...rest }: RootProps) => {
           >
             <Stack
               spacing={{ base: "12", md: "8" }}
-              direction={{ base: "column-reverse", lg: "row" }}
+              direction={{ base: "column-reverse", xl: "row" }}
               py={{ base: "12", md: "16" }}
               justify="space-between"
               maxW="1200"
@@ -83,7 +83,7 @@ const Root = ({ children, seo, ...rest }: RootProps) => {
                   justify={{ base: "space-between", sm: "start" }}
                   width={{ base: "full", sm: "auto" }}
                   spacing="0"
-                  order={{ base: 2, lg: 1 }}
+                  order={{ base: 2, xl: 1 }}
                 >
                   <Box pr="24px">
                     <StarknetLogo height="32" />
@@ -110,7 +110,7 @@ const Root = ({ children, seo, ...rest }: RootProps) => {
                   </Text>
                 </HStack>
                 <ButtonGroup
-                  order={{ base: 1, lg: 2 }}
+                  order={{ base: 1, xl: 2 }}
                   paddingBottom={{ base: "36px", md: 0 }}
                 >
                   <IconButton
@@ -162,7 +162,7 @@ type ColumnProps = {
 
 const Column = ({ title, children, color }: ColumnProps) => {
   return (
-    <Stack bg={color} spacing="4" minW={{ lg: "40" }}>
+    <Stack bg={color} spacing="4" minW={{ xl: "40" }}>
       {/* <Text fontSize="sm" fontWeight="semibold" color="subtle">
         {title}
       </Text> */}
diff --git a/workspaces/website/src/pages/(components)/Footer.tsx b/workspaces/website/src/pages/(components)/Footer.tsx
index 3e7d71ce1e..a684e452bb 100644
--- a/workspaces/website/src/pages/(components)/Footer.tsx
+++ b/workspaces/website/src/pages/(components)/Footer.tsx
@@ -34,7 +34,7 @@ export const Footer = ({ mainMenu, seo }: Props) => {
           />
         }
         align="stretch"
-        gap={10}
+        gap={{ base: "5", lg: "10" }}
         alignItems="flex-start"
         justifyContent="flex-start"
         direction={{ base: "column", md: "row" }}