diff --git a/front/src/components/ui/Link.vue b/front/src/components/ui/Link.vue
index 83aad8ca2..795641fb4 100644
--- a/front/src/components/ui/Link.vue
+++ b/front/src/components/ui/Link.vue
@@ -31,9 +31,9 @@ const isIconOnly = computed(() => !!props.icon)
 <template>
   <component :is="isExternalLink ? 'a' : 'RouterLink'"
     v-bind="color(props, ['interactive'])(
-            width(props, ['auto'])(
-            align(props, { alignText:'center' })
-            ()))"
+            width(props)(
+            align(props)(
+            )))"
     :class="[
       $style.link,
       round && $style['is-round'],
@@ -63,7 +63,6 @@ const isIconOnly = computed(() => !!props.icon)
     position: relative;
     display: inline-flex;
     white-space: nowrap;
-    justify-content: space-between;
 
     padding: 9px 10px 11px 10px;
     &.is-icon-only {
diff --git a/front/src/ui/App.vue b/front/src/ui/App.vue
index 75a487dc0..aa4157625 100644
--- a/front/src/ui/App.vue
+++ b/front/src/ui/App.vue
@@ -17,7 +17,7 @@ onMounted(async () => {
 <template>
   <div class="funkwhale grid">
     <Sidebar/>
-    <RouterView v-bind="color({}, ['default', 'solid'])" />
+    <RouterView v-bind="color({}, ['default', 'solid'])()" />
     <LanguagesModal />
     <ShortcutsModal />
   </div>
diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index 146f5f908..7832bd43d 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/front/src/ui/components/Sidebar.vue
@@ -35,7 +35,7 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
 </script>
 
 <template>
-  <Layout aside :class="[$style.sidebar, $style['sticky-content']]" v-bind="color({}, ['default', 'solid', 'raised'])">
+  <Layout aside :class="[$style.sidebar, $style['sticky-content']]" default solid raised>
     <Layout flex no-gap header style="justify-content:space-between; padding-right:8px;">
       <Link
         :to="{name: logoUrl}"