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" }}