diff --git a/src/implementations/vanilla/components/category-filter/_category-filter.scss b/src/implementations/vanilla/components/category-filter/_category-filter.scss
index f61c3056550..cc78c8e018d 100644
--- a/src/implementations/vanilla/components/category-filter/_category-filter.scss
+++ b/src/implementations/vanilla/components/category-filter/_category-filter.scss
@@ -1,6 +1,6 @@
 /**
  * Category filter component
- * @define category-filter; weak
+ * @define category-filter
  */
 
 @use 'sass:map';
@@ -8,7 +8,6 @@
 
 $_item_separator_border_color: null !default;
 $_item_hover_background_color: null !default;
-$_outline-color: null !default;
 $_outline-width: 3px !default;
 
 .ecl-category-filter {
@@ -28,7 +27,7 @@ $_outline-width: 3px !default;
   border-bottom: 1px solid $_item_separator_border_color;
   color: map.get(theme.$color, 'grey-100');
   display: flex;
-  font: map.get(theme.$font-prolonged, 's');
+  font: map.get(theme.$font, 's');
   justify-content: space-between;
   padding: map.get(theme.$spacing, 's');
   text-decoration: none;
@@ -40,7 +39,7 @@ $_outline-width: 3px !default;
   &:focus-visible {
     outline: 2px solid map.get(theme.$color, 'blue-100');
     outline-offset: -2px;
-    text-decoration: none;
+    text-decoration: underline;
   }
 
   &.ecl-category-filter__item--level-1 {
@@ -114,7 +113,6 @@ $_outline-width: 3px !default;
 }
 
 .ecl-category-filter__list-item[aria-expanded='true'],
-.ecl-category-filter__list-item:hover,
 .ecl-category-filter__item--current {
   background-color: $_item_hover_background_color;
 
diff --git a/src/implementations/vanilla/components/category-filter/category-filter-ec.scss b/src/implementations/vanilla/components/category-filter/category-filter-ec.scss
index 8e0bc81f17d..0717ba7355a 100644
--- a/src/implementations/vanilla/components/category-filter/category-filter-ec.scss
+++ b/src/implementations/vanilla/components/category-filter/category-filter-ec.scss
@@ -2,6 +2,5 @@
 @use '@ecl/theme-dev/theme';
 @use 'category-filter' with (
   $_item_separator_border_color: map.get(theme.$color, 'grey-15'),
-  $_item_hover_background_color: map.get(theme.$color, 'grey-5'),
-  $_outline-color: map.get(theme.$color, 'yellow-100')
+  $_item_hover_background_color: map.get(theme.$color, 'grey-10')
 );
diff --git a/src/implementations/vanilla/components/category-filter/category-filter-eu.scss b/src/implementations/vanilla/components/category-filter/category-filter-eu.scss
index 1bd62ed77c1..e8568b8fe41 100644
--- a/src/implementations/vanilla/components/category-filter/category-filter-eu.scss
+++ b/src/implementations/vanilla/components/category-filter/category-filter-eu.scss
@@ -2,6 +2,5 @@
 @use '@ecl/theme-dev/theme';
 @use 'category-filter' with (
   $_item_separator_border_color: map.get(theme.$color, 'blue-20'),
-  $_item_hover_background_color: map.get(theme.$color, 'blue-5'),
-  $_outline-color: map.get(theme.$color, 'accent-blue-100')
+  $_item_hover_background_color: map.get(theme.$color, 'blue-10')
 );