diff --git a/ui/src/components/Topbar/index.tsx b/ui/src/components/Topbar/index.tsx
index dc0c3cc1..f377ecf6 100644
--- a/ui/src/components/Topbar/index.tsx
+++ b/ui/src/components/Topbar/index.tsx
@@ -12,7 +12,7 @@ const Topbar = () => {
   const hideDrawer = () => setVisible(false);
 
   return (
-    <Header className="flex justify-between items-center h-16 bg-white shadow-xl">
+    <Header className="flex justify-between items-center h-16 bg-white shadow-md">
       <Col span={4} className="flex items-center">
         <Link to="/">
           <img src="maxun_logo.png" alt="Maxun" className="h-8 w-auto" />