diff --git a/packages/ui/src/Layouts/Layout.tsx b/packages/ui/src/Layouts/Layout.tsx
index d11143d15..5178857ea 100644
--- a/packages/ui/src/Layouts/Layout.tsx
+++ b/packages/ui/src/Layouts/Layout.tsx
@@ -34,7 +34,7 @@ export function Layout({ header, sidebar, children }: Props) {
     return (
         <LayoutContext value={layoutContext}>
             <div className="text-txt-primary bg-level-0">
-                <header className="absolute z-2 left-0 right-0 px-4 flex items-center border-b border-border-solid h-12 bg-level-1">
+                <header className="absolute z-2 left-0 right-0 px-4 flex items-center border-b border-border-solid h-12 bg-level-0">
                     <Logo className="w-12 h-5" />
                     <svg
                         className="mx-3 text-txt-tertiary"