diff --git a/src/components/layout/DashboardLayout/index.tsx b/src/components/layout/DashboardLayout/index.tsx
index 5086407..6e89c63 100644
--- a/src/components/layout/DashboardLayout/index.tsx
+++ b/src/components/layout/DashboardLayout/index.tsx
@@ -9,7 +9,7 @@ const DashboardLayout = () => {
       <Header />
       <div className="flex flex-1 overflow-hidden gap-6 p-6 pt-24">
         <Sidebar />
-        <main className="flex-1 rounded-2xl bg-background shadow-sm border overflow-hidden">
+        <main className="flex-1 rounded-2xl bg-background shadow-sm overflow-hidden">
           <div className="h-full">
             <Outlet />
           </div>
diff --git a/src/components/layout/Sidebar/index.tsx b/src/components/layout/Sidebar/index.tsx
index f38d0d0..8c34636 100644
--- a/src/components/layout/Sidebar/index.tsx
+++ b/src/components/layout/Sidebar/index.tsx
@@ -43,7 +43,7 @@ const Sidebar = () => {
 
   return (
     <div className="w-64 shrink-0">
-      <div className="rounded-2xl bg-background border shadow-sm h-full p-4">
+      <div className="rounded-2xl bg-background/70 backdrop-blur-lg shadow-lg h-full p-4">
         <nav className="space-y-2">
           {sidebarItems.map((item) => {
             const Icon = item.icon;