diff --git a/pkg/webui/components/news-panel/news-item/news-item.styl b/pkg/webui/components/news-panel/news-item/news-item.styl
index 21d1702d77..14b4b41ee3 100644
--- a/pkg/webui/components/news-panel/news-item/news-item.styl
+++ b/pkg/webui/components/news-panel/news-item/news-item.styl
@@ -21,7 +21,7 @@
   padding: $cs.xs
 
   &:hover
-    background-color: var(--c-bg-brand-extralight)
+    background-color: var(--c-bg-brand-light)
 
   .image
     border-radius: $br.l
diff --git a/pkg/webui/styles/variables/tokens.styl b/pkg/webui/styles/variables/tokens.styl
index 5d4c2c8147..021d45b9c6 100644
--- a/pkg/webui/styles/variables/tokens.styl
+++ b/pkg/webui/styles/variables/tokens.styl
@@ -37,8 +37,8 @@ $tokens = {
 
       // Brand
 
-      'bg-brand-extralight': $c.tts-050 // Background for navigation elements background.
-      'bg-brand-light': $c.tts-100 // ?
+      'bg-brand-extralight': $c.tts-025 // Background for navigation elements background.
+      'bg-brand-light': $c.tts-050 // ?
       'bg-brand-normal': $c.tts-500 // Background for highlight elements.
       'bg-brand-normal-hover': $c.tts-600 // Background for highlight elements on hover.