diff --git a/front/src/style/colors.scss b/front/src/style/colors.scss
index 31b9a887f..9e30b95ab 100644
--- a/front/src/style/colors.scss
+++ b/front/src/style/colors.scss
@@ -305,7 +305,7 @@
     --link-hover-color:var(--fw-gray-200);
 
     --color: var(--fw-beige-100);
-    --background-color: var(--fw-gray-970);
+    --background-color: var(--fw-gray-960);
     --border-color:var(--fw-gray-700);
 
     --hover-color:var(--fw-beige-400);
@@ -331,8 +331,8 @@
       --link-exact-active-background-color:var(--fw-gray-800);
     }
 
-    --link-active-border-color:var(--fw-gray-700);
-    --link-exact-active-background-color:var(--fw-gray-800);
+    --link-active-border-color:var(--fw-gray-800);
+    --link-exact-active-background-color:var(--fw-gray-700);
     --link-exact-active-border-color:transparent;
 
     --void-off-background-color: var(--fw-gray-800);
@@ -524,8 +524,8 @@
   // Fallback for focused elements without explicit focus-outline
 
   :is(button, input, a):focus-visible {
-    outline: 3px solid var(--focus-ring-color);
-    outline-offset: 2px;
+    outline: 4px solid var(--focus-ring-color);
+    outline-offset: -4px;
   }
 
   // (3b) Applying colors to things with explicit Variant props
diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index 9e50033f6..db1fad025 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/front/src/ui/components/Sidebar.vue
@@ -35,7 +35,8 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
 </script>
 
 <template>
-  <Layout aside default solid no-gap :class="[$style.sidebar, $style['sticky-content']]">
+  <Layout aside default solid no-gap :class="[$style.sidebar, $style['sticky-content']]" style="background-color: var(--fw-gray-950);">
+  <!-- TODO: Fit working sidebar background color  -->
     <Layout header flex no-gap style="justify-content:space-between; padding-right:8px;">
       <Link
         :to="{name: logoUrl}"
@@ -193,10 +194,6 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
 
 <style module lang="scss">
 .sidebar {
-  @include dark-theme {
-    background-color: var(--fw-gray-950);
-    /* TODO: Fix */
-  }
   .logo {
     display: block;
     width: 40px;