diff --git a/client/src/components/navbar/navbar.jsx b/client/src/components/navbar/navbar.jsx
index 02de1d4..b062327 100644
--- a/client/src/components/navbar/navbar.jsx
+++ b/client/src/components/navbar/navbar.jsx
@@ -14,7 +14,7 @@ const Navbar = () => {
   if(currentUser) fetch();  // TO PREVENT UNNECESSARY API REQUESTS
   // const user = true;
   return (
-    <nav>
+    <nav className="z-20">
       <div className="left">
         <a href="/" className="logo">
           <img src="/logo.png"></img>
@@ -38,10 +38,10 @@ const Navbar = () => {
           </div>
         ) : (
           <>
-            <a href="/login" className="">
+            <a href="/login" className="z-20">
               Sign In
             </a>
-            <a href="/register" className="signup">
+            <a href="/register" className="signup z-20">
               Sign Up
             </a>
           </>