diff --git a/frontend/realtime/src/components/landing/Navbar.tsx b/frontend/realtime/src/components/landing/Navbar.tsx
index 99075a7a7b..f6568b27f9 100644
--- a/frontend/realtime/src/components/landing/Navbar.tsx
+++ b/frontend/realtime/src/components/landing/Navbar.tsx
@@ -16,14 +16,23 @@ const Navbar = () => {
               className="h-[34px] pb-1"
             />
           </a>
-          <div className="flex items-center space-x-5">
+          <div className="flex items-center space-x-3">
             <Button
-              className="bg-[#2D81FF] hover:bg-[#438AF6]"
-              onClick={() => navigate("/download")}
-              disabled={isMobile}
+              variant="secondary"
+              className=""
+              onClick={() => navigate("/signup")}
             >
-              Download
+              Sign up
             </Button>
+            {!isMobile && (
+              <Button
+                className="bg-[#2D81FF] hover:bg-[#438AF6]"
+                onClick={() => []}
+                disabled={isMobile}
+              >
+                Download
+              </Button>
+            )}
           </div>
         </div>
       </div>