diff --git a/web/core/components/core/app-header.tsx b/web/core/components/core/app-header.tsx
index d361620a4fe..6003186776e 100644
--- a/web/core/components/core/app-header.tsx
+++ b/web/core/components/core/app-header.tsx
@@ -15,7 +15,7 @@ export const AppHeader = (props: AppHeaderProps) => {
 
   return (
     <div className="z-[15]">
-      <Row className="h-[3.75rem] z-10 flex gap-2 w-full items-center border-b border-custom-border-200">
+      <Row className="h-[3.75rem] z-10 flex gap-2 w-full items-center border-b border-custom-border-200 bg-custom-sidebar-background-100">
         <div className="block bg-custom-sidebar-background-100 md:hidden">
           <SidebarHamburgerToggle />
         </div>