diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index beff17d53..67e387e9f 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/front/src/ui/components/Sidebar.vue
@@ -211,6 +211,7 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
         height: 40px;
         width: 40px;
         padding: 10px;
+        margin-left: 4px;
       }
     }
   }
diff --git a/front/src/ui/components/UserMenu.vue b/front/src/ui/components/UserMenu.vue
index 4655b37a2..6eb5d5e34 100644
--- a/front/src/ui/components/UserMenu.vue
+++ b/front/src/ui/components/UserMenu.vue
@@ -158,6 +158,7 @@ const labels = computed(() => ({
 <style scoped lang="scss">
 header > nav button.button {
   padding: 10px;
+  margin-left: 4px;
 
   &:has(img) {
     padding: 4px;