diff --git a/src/components/Layout/MainLayout.jsx b/src/components/Layout/MainLayout.jsx
index 993f7b6..7626508 100644
--- a/src/components/Layout/MainLayout.jsx
+++ b/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
diff --git a/src/styles/main.scss b/src/styles/main.scss
index aff2dd6..fded70e 100644
--- a/src/styles/main.scss
+++ b/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
 }
\ No newline at end of file