diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index e929e3eff..47882ce14 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/front/src/ui/components/Sidebar.vue
@@ -126,6 +126,8 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
       <nav style="display:contents;">
       <Link to="/library"
           ghost
+          full
+          align-text="left"
           icon="bi-compass"
           thickWhenActive
         >
@@ -134,6 +136,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
 
       <Link to="/library/artists"
           ghost
+          full
+          align-text="left"
+          thinFont
           icon="bi-person-circle"
           thickWhenActive
         >
@@ -142,6 +147,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
 
       <Link to="/subscriptions"
           ghost
+          full
+          align-text="left"
+          thinFont
           icon="bi-person-square"
           thickWhenActive
         >
@@ -150,6 +158,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
 
       <Link to="/library/albums"
           ghost
+          full
+          align-text="left"
+          thinFont
           icon="bi-disc"
           thickWhenActive
         >
@@ -158,6 +169,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
 
       <Link to="/library/playlists"
           ghost
+          full
+          align-text="left"
+          thinFont
           icon="bi-music-note-list"
           thickWhenActive
         >
@@ -165,6 +179,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
       </Link>
       <Link to="/library/radios"
           ghost
+          full
+          align-text="left"
+          thinFont
           icon="bi-boombox-fill"
           thickWhenActive
         >
@@ -172,6 +189,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
       </Link>
       <Link to="/library/podcasts"
           ghost
+          full
+          align-text="left"
+          thinFont
           icon="bi-mic"
           thickWhenActive
         >
@@ -179,6 +199,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
       </Link>
       <Link to="/favorites"
           ghost
+          full
+          align-text="left"
+          thinFont
           icon="bi-heart"
           thickWhenActive
         >