diff --git a/src/App.css b/src/App.css
index 8f34993..c30d1ec 100644
--- a/src/App.css
+++ b/src/App.css
@@ -25,6 +25,7 @@ body {
 }
 
 #topbar {
+  z-index: 1000;
   max-width: 460px;
 }
 #content {
diff --git a/src/components/Navbar/topbar.tsx b/src/components/Navbar/topbar.tsx
index 108a6f4..721074b 100644
--- a/src/components/Navbar/topbar.tsx
+++ b/src/components/Navbar/topbar.tsx
@@ -8,7 +8,7 @@ import { NavMobile } from "./nav-mobile";
 
 export const Topbar = () => {
   return (
-    <div className="w-full bg-glass/30 shadow-default backdrop-blur-md flex justify-between px-3 py-2 max-[500px]:h-12 min-[500px]:h-[56px]" id="topbar">
+    <div className="fixed top-0 w-full bg-glass/30 shadow-default backdrop-blur-md flex justify-between px-0 py-2 max-[500px]:h-12 min-[500px]:h-[56px]" id="topbar">
       <nav className="container flex items-center justify-between w-full py-1 lg:py-2">
         <div className="flex justify-between w-full">
           <NavMobile />