From 3f957ee67c6a54df75413a63982e9e27c36f4f68 Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Wed, 4 Jan 2023 23:54:34 +0900
Subject: [PATCH] Sidebar styling

---
 .../Dashboard/Wrappers/Sidebar/Sidebar.tsx         | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx b/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx
index cefbf3538..501ab664e 100644
--- a/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx
+++ b/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx
@@ -1,5 +1,6 @@
 import { Card } from '@mantine/core';
 import { RefObject } from 'react';
+import { useCardStyles } from '../../../layout/useCardStyles';
 import { useGridstack } from '../gridstack/use-gridstack';
 import { WrapperContent } from '../WrapperContent';
 
@@ -11,16 +12,13 @@ export const DashboardSidebar = ({ location }: DashboardSidebarProps) => {
   const { refs, apps, widgets } = useGridstack('sidebar', location);
 
   const minRow = useMinRowForFullHeight(refs.wrapper);
+  const {
+    cx,
+    classes: { card: cardClass },
+  } = useCardStyles(false);
 
   return (
-    <Card
-      withBorder
-      w={300}
-      style={{
-        background: 'none',
-        borderStyle: 'dashed',
-      }}
-    >
+    <Card withBorder w={300} p={0} radius="lg" className={cardClass}>
       <div
         className="grid-stack grid-stack-sidebar"
         style={{ transitionDuration: '0s', height: '100%' }}