diff --git a/src/components/common/CalendarModal.scss b/src/components/common/CalendarModal.scss
index 62af82b36..441219bd7 100644
--- a/src/components/common/CalendarModal.scss
+++ b/src/components/common/CalendarModal.scss
@@ -83,7 +83,7 @@
       cursor: pointer;
 
       &:hover {
-        background-color: rgba(var(--color-text-secondary-rgb), 0.08);
+        background-color: var(--color-interactive-element-hover);
       }
 
       &.selected {
diff --git a/src/components/common/EmbeddedMessage.scss b/src/components/common/EmbeddedMessage.scss
index 83d196c3e..96eec475a 100644
--- a/src/components/common/EmbeddedMessage.scss
+++ b/src/components/common/EmbeddedMessage.scss
@@ -107,7 +107,7 @@
     grid-template-rows: 1fr;
     width: 100%;
     --accent-color: var(--color-primary);
-    --hover-color: rgba(var(--color-text-secondary-rgb), 0.08);
+    --hover-color: var(--color-interactive-element-hover);
 
     &::before {
       bottom: .3125rem;
diff --git a/src/components/common/StickerButton.scss b/src/components/common/StickerButton.scss
index 4fc23299c..6c21014df 100644
--- a/src/components/common/StickerButton.scss
+++ b/src/components/common/StickerButton.scss
@@ -48,7 +48,7 @@
   }
 
   &:hover {
-    background-color: rgba(var(--color-text-secondary-rgb), 0.08);
+    background-color: var(--color-interactive-element-hover);
 
     .sticker-unfave-button {
       opacity: 1;
diff --git a/src/components/middle/AudioPlayer.scss b/src/components/middle/AudioPlayer.scss
index 2fa30ca6b..ec6c95fe4 100644
--- a/src/components/middle/AudioPlayer.scss
+++ b/src/components/middle/AudioPlayer.scss
@@ -73,7 +73,7 @@
     border-radius: var(--border-radius-messages-small);
 
     &:hover {
-      background-color: rgba(var(--color-text-secondary-rgb), 0.08);
+      background-color: var(--color-interactive-element-hover);
     }
 
     @media (min-width: 1440px) and (max-width: 1500px) {
diff --git a/src/components/middle/MiddleHeader.scss b/src/components/middle/MiddleHeader.scss
index d9257a339..67dfa2e62 100644
--- a/src/components/middle/MiddleHeader.scss
+++ b/src/components/middle/MiddleHeader.scss
@@ -326,7 +326,7 @@
     cursor: pointer;
 
     &:hover {
-      background-color: rgba(var(--color-text-secondary-rgb), 0.08);
+      background-color: var(--color-interactive-element-hover);
     }
 
     .pinned-message-border {
diff --git a/src/components/middle/composer/EmojiButton.scss b/src/components/middle/composer/EmojiButton.scss
index 6e20ae65b..2bc6c0046 100644
--- a/src/components/middle/composer/EmojiButton.scss
+++ b/src/components/middle/composer/EmojiButton.scss
@@ -18,7 +18,7 @@
 
   &.focus,
   &:hover {
-    background-color: rgba(var(--color-text-secondary-rgb), 0.08);
+    background-color: var(--color-interactive-element-hover);
   }
 
   & > img {
diff --git a/src/components/ui/Button.scss b/src/components/ui/Button.scss
index 84490cd3b..1cd08af9a 100644
--- a/src/components/ui/Button.scss
+++ b/src/components/ui/Button.scss
@@ -164,10 +164,10 @@
     background-color: transparent;
     color: var(--color-text-secondary);
 
-    --ripple-color: rgba(var(--color-text-secondary-rgb), 0.08);
+    --ripple-color: var(--color-interactive-element-hover);
 
     @include active-styles() {
-      background-color: rgba(var(--color-text-secondary-rgb), 0.08);
+      background-color: var(--color-interactive-element-hover);
     }
 
     @include no-ripple-styles() {
diff --git a/src/components/ui/Tab.scss b/src/components/ui/Tab.scss
index 13c48104b..1c486cd4a 100644
--- a/src/components/ui/Tab.scss
+++ b/src/components/ui/Tab.scss
@@ -29,7 +29,7 @@
   }
 
   &:not(.active):hover {
-    background: rgba(var(--color-text-secondary-rgb), 0.08);
+    background: var(--color-interactive-element-hover);
   }
 
   > span {
diff --git a/src/components/ui/TabList.scss b/src/components/ui/TabList.scss
index 22bf406f8..814021043 100644
--- a/src/components/ui/TabList.scss
+++ b/src/components/ui/TabList.scss
@@ -17,6 +17,7 @@
 
   &.big {
     font-size: 1rem;
+    --border-radius-messages-small: 0;
   }
 
   &::-webkit-scrollbar {
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 53db564ba..309e9451b 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -76,6 +76,7 @@ $color-user-8: #faa774;
   --color-interactive-active: var(--color-primary);
   --color-interactive-inactive: rgba(var(--color-text-secondary-rgb), 0.25);
   --color-interactive-buffered: rgba(var(--color-text-secondary-rgb), 0.25); // Overlays underlying inactive element
+  --color-interactive-element-hover: rgba(var(--color-text-secondary-rgb), 0.08);
 
   --color-primary: #{$color-primary};
   --color-primary-rgb: #{toRGB($color-primary)};