diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index 947b6ad86..7c77b6183 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/front/src/ui/components/Sidebar.vue
@@ -86,6 +86,7 @@ const uploads = useUploadsStore()
       <nav style="display:contents;">
       <Link to="/library"
           ghost
+          :class="$style.link"
           icon="bi-compass"
         >
           {{ t('components.Sidebar.header.explore') }}
@@ -93,6 +94,7 @@ const uploads = useUploadsStore()
 
       <Link to="/library/artists"
           ghost
+          :class="$style.link"
           icon="bi-person"
         >
           {{ t('components.Sidebar.link.artists') }}
@@ -100,6 +102,7 @@ const uploads = useUploadsStore()
 
       <Link to="/library/albums"
           ghost
+          :class="$style.link"
           icon="bi-disc"
         >
           {{ t('components.Sidebar.link.albums') }}
@@ -107,24 +110,28 @@ const uploads = useUploadsStore()
 
       <Link to="/library/playlists"
           ghost
+          :class="$style.link"
           icon="bi-music-note-list"
         >
           {{ t('components.Sidebar.link.playlists') }}
       </Link>
       <Link to="/library/radios"
           ghost
+          :class="$style.link"
           icon="bi-boombox-fill"
         >
           {{ t('components.Sidebar.link.radios') }}
       </Link>
       <Link to="/library/podcasts"
           ghost
+          :class="$style.link"
           icon="bi-mic"
         >
           {{ t('components.Sidebar.link.podcasts') }}
       </Link>
       <Link to="/"
           ghost
+          :class="$style.link"
           icon="bi-heart"
         >
           {{ t('components.Sidebar.link.favorites') }}
@@ -235,6 +242,13 @@ const uploads = useUploadsStore()
       }
     }
 
+    .link {
+      &:hover,
+      &.router-link-exact-active {
+        text-decoration: none;
+      }
+    }
+
     > h3 {
       margin: 0;
       padding: 0 32px 8px;