🎨 Tighten up sidebars

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 />

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

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',