From 3481fef3eb672da0369eb256a00318f5d9e1f03a Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Thu, 19 Jan 2023 11:13:03 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Tighten=20up=20sidebars?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dashboard/Views/DashboardView.tsx              | 2 +-
 src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx         | 4 ----
 src/components/Dashboard/Wrappers/gridstack/init-gridstack.ts | 2 +-
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/Dashboard/Views/DashboardView.tsx b/src/components/Dashboard/Views/DashboardView.tsx
index 11f6cb0b4..194098857 100644
--- a/src/components/Dashboard/Views/DashboardView.tsx
+++ b/src/components/Dashboard/Views/DashboardView.tsx
@@ -16,7 +16,7 @@ export const DashboardView = () => {
   const { isReady, mainAreaRef } = usePrepareGridstack();
 
   return (
-    <Group align="top" h="100%">
+    <Group align="top" h="100%" spacing="xs">
       {sidebarsVisible.isLoading ? (
         <Center w="100%">
           <Loader />
diff --git a/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx b/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx
index 1603de044..6e60a4f7d 100644
--- a/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx
+++ b/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx
@@ -31,10 +31,6 @@ const SidebarInner = ({ location }: DashboardSidebarInnerProps) => {
   const { refs, apps, widgets } = useGridstack('sidebar', location);
 
   const minRow = useMinRowForFullHeight(refs.wrapper);
-  const {
-    cx,
-    classes: { card: cardClass },
-  } = useCardStyles(false);
 
   return (
     <div
diff --git a/src/components/Dashboard/Wrappers/gridstack/init-gridstack.ts b/src/components/Dashboard/Wrappers/gridstack/init-gridstack.ts
index 6d0519c2b..b4ca83eb8 100644
--- a/src/components/Dashboard/Wrappers/gridstack/init-gridstack.ts
+++ b/src/components/Dashboard/Wrappers/gridstack/init-gridstack.ts
@@ -30,7 +30,7 @@ export const initializeGridstack = (
   newGrid.current = GridStack.init(
     {
       column: columnCount,
-      margin: 10,
+      margin: areaType === 'sidebar' ? 5 : 10,
       cellHeight: 128,
       float: true,
       alwaysShowResizeHandle: 'mobile',