diff --git a/frontend/src/pages/navbar.ts b/frontend/src/pages/navbar.ts
index 5ebf5a0..795ff19 100644
--- a/frontend/src/pages/navbar.ts
+++ b/frontend/src/pages/navbar.ts
@@ -1,9 +1,7 @@
 import { GefestA } from "../modules/Gefest/primitives/a";
 import { GefestI } from "../modules/Gefest/primitives/i";
-import { DefaultElement } from "./default-element";
+import { DefaultElement, FontAwesomeIcon } from "./default-element";
 
-type FontAwesomeGroup = "fas" | "far" | "fab"; // e.g. "fas fa-home"
-type FontAwesomeIcon = `${FontAwesomeGroup} fa-${string}`;
 
 class NavbarButton extends DefaultElement {
     constructor(icon: FontAwesomeIcon) {
@@ -36,9 +34,13 @@ class NavbarItemContainerUL extends DefaultElement {
         const chatButton = new NavbarButton("fas fa-comments");
         chatButton.onClick = () => alert("Chat clicked!") as void;
 
+        const musicButton = new NavbarButton("fas fa-music");
+        musicButton.onClick = () => alert("Music clicked!") as void;
+
         super([
             newsButton,
             chatButton,
+            musicButton,
 
             themeToggle
         ]);