diff --git a/src/shared/components/segmented-control/segmented-control.module.css b/src/shared/components/segmented-control/segmented-control.module.css
index 75c188ea5..5bbaf3bd7 100644
--- a/src/shared/components/segmented-control/segmented-control.module.css
+++ b/src/shared/components/segmented-control/segmented-control.module.css
@@ -1,3 +1,15 @@
 .root {
     background: var(--theme-colors-surface);
 }
+
+.label {
+    &[data-active='true'] {
+        @mixin dark {
+            background-color: lighten(var(--theme-colors-surface), 10%);
+        }
+
+        @mixin light {
+            background-color: darken(var(--theme-colors-surface), 10%);
+        }
+    }
+}