diff --git a/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx b/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx
index f97e7da02..cb8633428 100644
--- a/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx
+++ b/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx
@@ -16,7 +16,15 @@ export const DashboardSidebar = ({ location, isGridstackReady }: DashboardSideba
   } = useCardStyles(false);
 
   return (
-    <Card p={0} m={0} radius="lg" className={cardClass} w={300}>
+    <Card
+      p={0}
+      m={0}
+      radius="lg"
+      className={cardClass}
+      style={{ borderStyle: 'dashed' }}
+      w={300}
+      withBorder
+    >
       {isGridstackReady && <SidebarInner location={location} />}
     </Card>
   );
diff --git a/src/components/Dashboard/Wrappers/gridstack/store.tsx b/src/components/Dashboard/Wrappers/gridstack/store.tsx
index 81c32514f..59c0a7deb 100644
--- a/src/components/Dashboard/Wrappers/gridstack/store.tsx
+++ b/src/components/Dashboard/Wrappers/gridstack/store.tsx
@@ -28,16 +28,11 @@ export const useNamedWrapperColumnCount = (): 'small' | 'medium' | 'large' | nul
 };
 
 export const useWrapperColumnCount = () => {
-  const { config } = useConfigContext();
-  const numberOfSidebars =
-    (config?.settings.customization.layout.enabledLeftSidebar ? 1 : 0) +
-    (config?.settings.customization.layout.enabledRightSidebar ? 1 : 0);
-
   switch (useNamedWrapperColumnCount()) {
     case 'large':
-      return 15 - numberOfSidebars * 2;
+      return 12;
     case 'medium':
-      return 9 - numberOfSidebars * 2;
+      return 6;
     case 'small':
       return 3;
     default: