diff --git a/frontend/src/components/Navigation/Navbar/Navbar.tsx b/frontend/src/components/Navigation/Navbar/Navbar.tsx
index c565b7f6d..2b0cbbec6 100644
--- a/frontend/src/components/Navigation/Navbar/Navbar.tsx
+++ b/frontend/src/components/Navigation/Navbar/Navbar.tsx
@@ -17,7 +17,7 @@ export function Navbar() {
 
   const dispatch = useDispatch();
   return (
-    <div className="sticky top-0 z-40 flex h-14 w-full items-center justify-between border-b pr-4 backdrop-blur">
+    <div className="fixed top-0 left-0 z-50 flex h-14 w-full items-center justify-between border-b pr-4 backdrop-blur bg-background">
       {/* Logo */}
       <div className="flex w-[256px] items-center justify-center">
         <a href="/" className="flex items-center space-x-2">
diff --git a/frontend/src/layout/layout.tsx b/frontend/src/layout/layout.tsx
index 9f8920cb0..9e46da437 100644
--- a/frontend/src/layout/layout.tsx
+++ b/frontend/src/layout/layout.tsx
@@ -16,7 +16,7 @@ const Layout: React.FC = () => {
 
   return (
     <SidebarProvider>
-      <div className="flex w-full flex-col">
+      <div className="flex w-full flex-col pt-14">
         <Navbar />
         <div className="flex" style={{ height: 'calc(100vh - 56px)' }}>
           <AppSidebar />