diff --git a/app/assets/styles.css b/app/assets/styles.css
index ae8e61c..e18e47f 100644
--- a/app/assets/styles.css
+++ b/app/assets/styles.css
@@ -40,6 +40,6 @@ body {
 }
 
 .button:hover {
-    background-color: #639FC6;
+    background-color: #2c9383c2;
     color: white;
-  }
+  }
\ No newline at end of file
diff --git a/app/src/app_components.py b/app/src/app_components.py
index 23e98f3..8052a69 100644
--- a/app/src/app_components.py
+++ b/app/src/app_components.py
@@ -339,7 +339,13 @@ def get_navbar(self) -> dbc.NavbarSimple:
         Get the navigation bar.
         """
         navbar = dbc.NavbarSimple(
-            children=[],
+            children=[
+                dbc.NavItem(dbc.NavLink("Get tRacket", href="https://tracket.info/sensor/", target="_blank", className="nav-link")),
+                dbc.NavItem(dbc.NavLink("Noise Map", href="https://dashboard.tracket.info/locations",target="_blank", className="nav-link")),
+                dbc.NavItem(dbc.NavLink("About", href="https://tracket.info/",target="_blank", className="nav-link")),
+                dbc.NavItem(dbc.NavLink("Donate", href="https://opencollective.com/tRacket",target="_blank", className="nav-link")),
+                dbc.Button("Log In", href="https://manage.tracket.info/", target="_blank", className="button-login"),
+            ],
             brand=dbc.Container(
                 [
                     html.A(
@@ -350,7 +356,7 @@ def get_navbar(self) -> dbc.NavbarSimple:
                                         src=get_asset_url("tracket_logo.svg"),
                                         height="30px",
                                     )
-                                )
+                                ),
                             ],
                             align="center",
                             className="g-0",