diff --git a/src/pydata_sphinx_theme/assets/styles/extensions/_bootstrap.scss b/src/pydata_sphinx_theme/assets/styles/extensions/_bootstrap.scss
index ba5d9e6e8..9198bad02 100644
--- a/src/pydata_sphinx_theme/assets/styles/extensions/_bootstrap.scss
+++ b/src/pydata_sphinx_theme/assets/styles/extensions/_bootstrap.scss
@@ -13,3 +13,7 @@
   max-width: unset;
   width: unset;
 }
+
+.btn {
+  --bs-btn-focus-box-shadow: #{$btn-focus-box-shadow};
+}
diff --git a/src/pydata_sphinx_theme/assets/styles/variables/_bootstrap.scss b/src/pydata_sphinx_theme/assets/styles/variables/_bootstrap.scss
index ded367106..914343a9a 100644
--- a/src/pydata_sphinx_theme/assets/styles/variables/_bootstrap.scss
+++ b/src/pydata_sphinx_theme/assets/styles/variables/_bootstrap.scss
@@ -31,7 +31,3 @@ $focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color
 // outline creates the same style of focus ring, it just uses CSS outline instead of box shadow
 $focus-ring-outline: $focus-ring-color solid $focus-ring-width;
 $btn-focus-box-shadow: $focus-ring-box-shadow;
-
-.btn {
-  --bs-btn-focus-box-shadow: #{$btn-focus-box-shadow};
-}