diff --git a/ui/src/components/Sidebar/index.tsx b/ui/src/components/Sidebar/index.tsx
index 8a27b228..4cc55b36 100644
--- a/ui/src/components/Sidebar/index.tsx
+++ b/ui/src/components/Sidebar/index.tsx
@@ -6,7 +6,7 @@ const { Sider } = Layout;
 const Sidebar = () => {
     return (
         <Sider
-            className="h-screen bg-white text-gray-800 fixed top-16 left-0 flex flex-col justify-between"
+            className="h-screen bg-white text-gray-800 fixed top-16 left-0 flex flex-col justify-between shadow-xl"
             width={250}
         >
             <div className="flex flex-col justify-between h-full">