diff --git a/frontend/src/app/app.component.html b/frontend/src/app/app.component.html
index 403a3c5..0069043 100644
--- a/frontend/src/app/app.component.html
+++ b/frontend/src/app/app.component.html
@@ -4,10 +4,10 @@
 
 <div class="navbar">
   @for (route of routes; track route.link) {
-    <a [class.active]="activeRoute() == route.link"
+    <button type="button" [class.active]="activeRoute() == route.link"
        (click)="clickMenuItem(route.link)"
        (touchstart)="clickMenuItem(route.link)">
       {{ route.text }}
-    </a>
+    </button>
   }
 </div>
diff --git a/frontend/src/app/app.component.scss b/frontend/src/app/app.component.scss
index 5db669a..3792717 100644
--- a/frontend/src/app/app.component.scss
+++ b/frontend/src/app/app.component.scss
@@ -15,10 +15,12 @@
 }
 
 /* Navbar links */
-.navbar a {
+.navbar button {
   float: left;
   text-align: center;
   padding: 12px;
+  background-color: gray;
+  border-style: none;
   color: white;
   text-decoration: none;
   font-size: 17px;
@@ -26,7 +28,7 @@
 }
 
 /* Navbar links on mouse-over */
-.navbar a:hover {
+.navbar button:hover {
   background-color: #000;
 }