From 7fec631b9a45222cf2ca17a1d9766c80eca8119d Mon Sep 17 00:00:00 2001
From: gurusatsangi <guruprasadsatsangi15@gmail.com>
Date: Mon, 30 Mar 2026 21:06:06 +0530
Subject: [PATCH] fix: navbar overlap and scroll issue (#1156)

---
 frontend/src/components/Navigation/Navbar/Navbar.tsx | 2 +-
 frontend/src/layout/layout.tsx                       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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 />