diff --git a/qt/aqt/data/web/css/reviewer-bottom.scss b/qt/aqt/data/web/css/reviewer-bottom.scss
index 1cb56868b..72d408981 100644
--- a/qt/aqt/data/web/css/reviewer-bottom.scss
+++ b/qt/aqt/data/web/css/reviewer-bottom.scss
@@ -5,7 +5,7 @@
  @use "sass/card-counts";
 
 :root {
-    --focus-color: color(button-focus);
+    --focus-color: #{palette-of(button-focus)};
 
     .isMac {
         --focus-color: rgba(0 103 244 / 0.247);
diff --git a/sass/buttons.scss b/sass/buttons.scss
index 32c58fcfb..c4fffedef 100644
--- a/sass/buttons.scss
+++ b/sass/buttons.scss
@@ -2,7 +2,7 @@
 @use "fusion-vars";
 
 :root {
-    --focus-color: color(button-focus);
+    --focus-color: #{palette-of(button-focus)};
 
     .isMac {
         --focus-color: rgba(0 103 244 / 0.247);