diff --git a/src/components/Navbar.php b/src/components/Navbar.php
index ae6907e39cd6b9c1ed295088f6507d673e971119..7ce6c9a827e37c92764df756874515ab8d4bef90 100644
--- a/src/components/Navbar.php
+++ b/src/components/Navbar.php
@@ -4,6 +4,9 @@ function Navbar()
 {
     $html = <<<"EOT"
     <div class="navbar">
+        <div class="navbar-title">
+            Gym Tracker
+        </div>
         <a class="navbar-content" id="navigate-to-home" href="/home">
             Home
         </a>
diff --git a/src/components/NavbarAdmin.php b/src/components/NavbarAdmin.php
index 412c688e48228b9dbcb74c08553e7567fa8b3efd..cec5188c44e3c432877179a3728db31925c0c2d7 100644
--- a/src/components/NavbarAdmin.php
+++ b/src/components/NavbarAdmin.php
@@ -4,6 +4,9 @@ function NavbarAdmin()
 {
     $html = <<<"EOT"
     <div class="navbar">
+            <div class="navbar-title">
+                Gym Tracker
+            </div>
             <a class="navbar-content-admin" id="navigate-to-city" href="/admin/city">
                 City
             </a>
diff --git a/src/public/css/style.css b/src/public/css/style.css
index 523ee30e764ba239e1954c0caaeed0ee99fc2aac..01d2d0e2f8dfe9caf47c8aedc23953e0bac6bc26 100644
--- a/src/public/css/style.css
+++ b/src/public/css/style.css
@@ -237,11 +237,21 @@ input.input-search {
   border: 1px solid var(--border-standard);
   background: var(--navbar-color);
 }
+
+.navbar-title {
+  width: 60%;
+  color: var(--text-light);
+  padding-left: 5%;
+  font-family: 'Aubrey';
+  font-weight: bold;
+  font-size: 19px;
+}
+
 .navbar-content {
-  width: 50%;
+  width: 20%;
 }
 .navbar-content-admin {
-  width: 33.3%;
+  width: 20%;
 }
 .navbar-content,
 .navbar-content-admin {