fix:css

src/components/Layout/MainLayout.jsx

@@ -15,7 +15,7 @@ const MainLayout = () => {
     <Layout className="h-screen overflow-hidden">
       <Sidebar collapsed={collapsed} />
       <Layout className="flex flex-col  ">
-        <Header collapsed={collapsed} setCollapsed={setCollapsed} />
+        <Header collapsed={collapsed} setCollapsed={setCollapsed}/>
         <Content
           className={`
             m-2 p-4 rounded-lg overflow-auto h-full

src/styles/main.scss

@@ -206,4 +206,15 @@ html.dark::view-transition-old(root) {
 
 .ant-menu {
   height: 100%;
+  border: none !important;
+  background-color: transparent !important;
+
+}
+
+.ant-layout-sider {
+  @apply rounded-r-xl dark:!bg-black/80
+}
+
+.ant-layout-header{
+  @apply rounded-b-sm ml-2
 }