diff --git a/src/components/_variables.scss b/src/components/_variables.scss
index 746c5d3ee..1b68e6b3f 100644
--- a/src/components/_variables.scss
+++ b/src/components/_variables.scss
@@ -72,6 +72,8 @@ html {
   --background-nested-floating: #{$mantle};
   --background-mobile-primary: #{$base};
   --background-mobile-secondary: #{$mantle};
+  --bg-base-secondary: #{$mantle};
+  --bg-surface-raised: #{$base};
 
   --chat-background: #{$base};
   --chat-border: #{$crust};