From 32da9b386828fd6d39ef8b98d2ab36446681f12f Mon Sep 17 00:00:00 2001
From: iCrawl <buechler.noel@outlook.com>
Date: Tue, 23 Aug 2022 12:06:18 +0200
Subject: [PATCH] fix: footer and sidebar mobile spacing

---
 packages/website/src/components/SidebarItems.tsx  | 2 +-
 packages/website/src/components/SidebarLayout.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/website/src/components/SidebarItems.tsx b/packages/website/src/components/SidebarItems.tsx
index 97f7ffeb9..cee8f5f01 100644
--- a/packages/website/src/components/SidebarItems.tsx
+++ b/packages/website/src/components/SidebarItems.tsx
@@ -108,7 +108,7 @@ export function SidebarItems({
 	}, [router.asPath]);
 
 	return (
-		<Box pb="xl">
+		<Box sx={(theme) => ({ paddingBottom: 48, [theme.fn.smallerThan('md')]: { paddingBottom: 128 } })}>
 			{(Object.keys(groupItems) as (keyof GroupedMembers)[])
 				.filter((group) => groupItems[group].length)
 				.map((group, idx) => (
diff --git a/packages/website/src/components/SidebarLayout.tsx b/packages/website/src/components/SidebarLayout.tsx
index 156bc5009..462399138 100644
--- a/packages/website/src/components/SidebarLayout.tsx
+++ b/packages/website/src/components/SidebarLayout.tsx
@@ -345,7 +345,7 @@ export function SidebarLayout({
 									/>
 								</a>
 							</Link>
-							<Group align="flex-start" spacing={48}>
+							<Group sx={(theme) => ({ gap: 50, [theme.fn.smallerThan('sm')]: { gap: 25 } })} align="flex-start">
 								<Stack spacing={8}>
 									<Title order={4}>Community</Title>
 									<Stack spacing={0}>