diff --git a/frontend/src/components/AppMenu.tsx b/frontend/src/components/AppMenu.tsx
index cecb9fab..e6e7f2e0 100644
--- a/frontend/src/components/AppMenu.tsx
+++ b/frontend/src/components/AppMenu.tsx
@@ -20,7 +20,7 @@ export function AppMenu({ openKeys, onOpenChange }: AppMenuProps) {
   return (
     <Sidebar>
       <SidebarHeader>
-        <div className="text-lg font-semibold">Deploy Ease</div>
+        <div className="text-lg font-semibold text-slate-900">Deploy Ease</div>
       </SidebarHeader>
       <SidebarContent>
         <MenuGroup>
diff --git a/frontend/src/components/ui/sidebar.tsx b/frontend/src/components/ui/sidebar.tsx
index f97373c6..b2732129 100644
--- a/frontend/src/components/ui/sidebar.tsx
+++ b/frontend/src/components/ui/sidebar.tsx
@@ -33,9 +33,9 @@ const SidebarHeader = React.forwardRef<
   <div
     ref={ref}
     className={cn(
-      "flex h-14 items-center border-b px-4 sticky top-0 z-10",
-      "dark:border-slate-700 dark:bg-slate-900/50",
-      "bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60",
+      "flex h-16 items-center border-b bg-background px-6",
+      "z-40",
+      "shadow-sm",
       className
     )}
     {...props}