diff --git a/web-src/src/components/NavbarBottom.vue b/web-src/src/components/NavbarBottom.vue
index c0fa82a3..d59e81ab 100644
--- a/web-src/src/components/NavbarBottom.vue
+++ b/web-src/src/components/NavbarBottom.vue
@@ -68,11 +68,11 @@
           </div>
 
           <!-- Outputs: master volume -->
-          <hr class="navbar-divider">
+          <hr class="fd-navbar-divider">
           <navbar-item-output v-for="output in outputs" :key="output.id" :output="output"></navbar-item-output>
 
           <!-- Outputs: stream volume -->
-          <hr class="navbar-divider">
+          <hr class="fd-navbar-divider">
           <div class="navbar-item">
             <div class="level is-mobile">
               <div class="level-left fd-expanded">
@@ -98,7 +98,7 @@
           </div>
 
           <!-- Playback controls -->
-          <hr class="navbar-divider">
+          <hr class="fd-navbar-divider">
           <div class="navbar-item">
             <div class="level is-mobile fd-expanded">
               <div class="level-item">
@@ -128,7 +128,7 @@
           </div>
         </div>
 
-        <hr style="margin: 12px 0;">
+        <hr class="fd-navbar-divider">
 
         <!-- Outputs: master volume -->
         <div class="navbar-item">
@@ -160,7 +160,7 @@
         <navbar-item-output v-for="output in outputs" :key="output.id" :output="output"></navbar-item-output>
 
         <!-- Outputs: stream volume -->
-        <hr class="navbar-divider">
+        <hr class="fd-navbar-divider">
         <div class="navbar-item fd-has-margin-bottom">
           <div class="level is-mobile">
             <div class="level-left fd-expanded">
diff --git a/web-src/src/components/NavbarTop.vue b/web-src/src/components/NavbarTop.vue
index 0b17446e..c82cdb8e 100644
--- a/web-src/src/components/NavbarTop.vue
+++ b/web-src/src/components/NavbarTop.vue
@@ -46,20 +46,23 @@
 
             <navbar-item-link to="/playlists"><span class="icon"><i class="mdi mdi-library-music"></i></span> <b>Playlists</b></navbar-item-link>
             <navbar-item-link to="/music" exact><span class="icon"><i class="mdi mdi-music"></i></span> <b>Music</b></navbar-item-link>
-            <navbar-item-link to="/music/artists"><span style="padding-left: 1.5rem;">Artists</span></navbar-item-link>
-            <navbar-item-link to="/music/albums"><span style="padding-left: 1.5rem;">Albums</span></navbar-item-link>
-            <navbar-item-link to="/music/genres"><span style="padding-left: 1.5rem;">Genres</span></navbar-item-link>
-            <navbar-item-link to="/music/spotify" v-if="spotify_enabled"><span style="padding-left: 1.5rem;">Spotify</span></navbar-item-link>
+            <navbar-item-link to="/music/artists"><span class="fd-navbar-item-level2">Artists</span></navbar-item-link>
+            <navbar-item-link to="/music/albums"><span class="fd-navbar-item-level2">Albums</span></navbar-item-link>
+            <navbar-item-link to="/music/genres"><span class="fd-navbar-item-level2">Genres</span></navbar-item-link>
+            <navbar-item-link to="/music/spotify" v-if="spotify_enabled"><span class="fd-navbar-item-level2">Spotify</span></navbar-item-link>
             <navbar-item-link to="/podcasts"><span class="icon"><i class="mdi mdi-microphone"></i></span> <b>Podcasts</b></navbar-item-link>
             <navbar-item-link to="/audiobooks"><span class="icon"><i class="mdi mdi-book-open-variant"></i></span> <b>Audiobooks</b></navbar-item-link>
             <navbar-item-link to="/files"><span class="icon"><i class="mdi mdi-folder-open"></i></span> <b>Files</b></navbar-item-link>
             <navbar-item-link to="/search"><span class="icon"><i class="mdi mdi-magnify"></i></span> <b>Search</b></navbar-item-link>
-            <hr style="margin: 12px 0;">
+            <hr class="fd-navbar-divider">
 
             <a class="navbar-item" href="/admin.html">Admin</a>
-            <hr style="margin: 12px 0;">
+            <hr class="fd-navbar-divider">
+
             <navbar-item-link to="/settings/webinterface">Settings</navbar-item-link>
             <navbar-item-link to="/about">About</navbar-item-link>
+
+            <div class="navbar-item is-hidden-desktop" style="margin-bottom: 2.5rem;"></div>
           </div>
         </div>
       </div>
diff --git a/web-src/src/mystyles.css b/web-src/src/mystyles.css
index eda9f150..b1832cf5 100644
--- a/web-src/src/mystyles.css
+++ b/web-src/src/mystyles.css
@@ -227,6 +227,13 @@ section.fd-tabs-section + section.fd-content {
   background-color: hsl(0, 0%, 96%)
 }
 
+.navbar-item .fd-navbar-item-level2 {
+  padding-left: 1.5rem;
+}
+hr.fd-navbar-divider {
+  margin: 12px 0;
+}
+
 /* Show scrollbar for navbar menu in desktop mode if content exceeds the screen size */
 @media only screen and (min-width: 1024px) {
   .navbar-dropdown {