diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 4992cb9a..d0f7b88d 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -151,20 +151,20 @@
   --bew-homepage-bg-mask: hsl(230 12% 6% / var(--bew-homepage-bg-mask-opacity));
 
   --bew-content-1: hsl(230 12% 12% / var(--bew-content-opacity));
-  --bew-content-1-hover: hsl(230 12% 20% / var(--bew-content-opacity));
+  --bew-content-1-hover: hsl(230 12% 28% / var(--bew-content-opacity));
 
   --bew-content-solid-1: hsl(230 12% 12%);
-  --bew-content-solid-1-hover: hsl(230 12% 20%);
+  --bew-content-solid-1-hover: hsl(230 12% 28%);
 
   --bew-elevated-1: hsl(230 12% 15% / var(--bew-content-opacity));
-  --bew-elevated-1-hover: hsl(230 12% 25% / var(--bew-content-opacity));
+  --bew-elevated-1-hover: hsl(230 12% 31% / var(--bew-content-opacity));
   --bew-elevated-2: hsl(230 12% 18% / var(--bew-content-opacity));
-  --bew-elevated-2-hover: hsl(230 12% 28% / var(--bew-content-opacity));
+  --bew-elevated-2-hover: hsl(230 12% 34% / var(--bew-content-opacity));
 
   --bew-elevated-solid-1: hsl(230 12% 15%);
-  --bew-elevated-solid-1-hover: hsl(230 12% 25%);
+  --bew-elevated-solid-1-hover: hsl(230 12% 31%);
   --bew-elevated-solid-2: hsl(230 12% 18%);
-  --bew-elevated-solid-2-hover: hsl(230 12% 28%);
+  --bew-elevated-solid-2-hover: hsl(230 12% 34%);
 
   --bew-fill-1: rgb(131 131 145 / 14%);
   --bew-fill-2: rgb(131 131 145 / 24%);