diff --git a/packages/core-styles/scss/bootstrap/theming/_dropdown-dark.scss b/packages/core-styles/scss/bootstrap/theming/_dropdown-dark.scss
index 0bc530340a5..ff92a6bbd26 100644
--- a/packages/core-styles/scss/bootstrap/theming/_dropdown-dark.scss
+++ b/packages/core-styles/scss/bootstrap/theming/_dropdown-dark.scss
@@ -1,5 +1,5 @@
 @use '@growi/core-styles/scss/bootstrap/init' as bs;
 
 .dropdown-item:active{
-  --#{$prefix}dropdown-link-active-bg: #{( bs.$gray-700 )};
+  --#{$prefix}dropdown-link-active-bg: var(--#{$prefix}gray-700);
 }
diff --git a/packages/core-styles/scss/bootstrap/theming/_dropdown-light.scss b/packages/core-styles/scss/bootstrap/theming/_dropdown-light.scss
index a207b0154ac..9c0c7ccdadd 100644
--- a/packages/core-styles/scss/bootstrap/theming/_dropdown-light.scss
+++ b/packages/core-styles/scss/bootstrap/theming/_dropdown-light.scss
@@ -1,6 +1,6 @@
 @use '@growi/core-styles/scss/bootstrap/init' as bs;
 
 .dropdown-item:active{
-  --#{$prefix}dropdown-link-active-color: #{( bs.$gray-600 )};
-  --#{$prefix}dropdown-link-active-bg: #{( bs.$gray-200 )};
+  --#{$prefix}dropdown-link-active-color: var(----#{$prefix}gray-600);
+  --#{$prefix}dropdown-link-active-bg: var(----#{$prefix}gray-200);
 }