diff --git a/liberica/src/components/Navbar.tsx b/liberica/src/components/Navbar.tsx
index 0e7643c..1eebbe3 100644
--- a/liberica/src/components/Navbar.tsx
+++ b/liberica/src/components/Navbar.tsx
@@ -3,8 +3,8 @@ import { PropsWithChildren } from "react";
 export function Navbar(props: PropsWithChildren) {
   return (
     <div
-      className="position-absolute bottom-0 w-max flex bg-white p-2 gap-3"
-      style={{ justifyContent: "space-between", alignItems: "center" }}
+      className="absolute bottom-0 w-max flex bg-white p-2 gap-3"
+      style={{ justifyContent: "space-between", alignItems: "center", zIndex: 1000 }}
     >
       {props.children}
     </div>