diff --git a/app/assets/builds/blacklight.css b/app/assets/builds/blacklight.css
index 8a8302a0c..d1d4cf145 100644
--- a/app/assets/builds/blacklight.css
+++ b/app/assets/builds/blacklight.css
@@ -192,6 +192,7 @@ main {
 }
 
 .bookmark-toggle {
+  --bl-icon-color: var(--bs-primary);
   /* override for line 21.
       Creates weird spacing in toolbar when min-width is set to 8rem */
 }
@@ -215,7 +216,7 @@ main {
   height: 1.25rem;
   width: 1.25rem;
   overflow: visible;
-  fill: var(--bs-primary);
+  fill: var(--bl-icon-color);
 }
 .bookmark-toggle .toggle-bookmark .toggle-bookmark-label .blacklight-icons svg.bookmark-checked {
   display: none;
diff --git a/app/assets/stylesheets/blacklight/_bookmark.scss b/app/assets/stylesheets/blacklight/_bookmark.scss
index 91bf6d417..a3a53381c 100644
--- a/app/assets/stylesheets/blacklight/_bookmark.scss
+++ b/app/assets/stylesheets/blacklight/_bookmark.scss
@@ -1,4 +1,6 @@
 .bookmark-toggle {
+  --bl-icon-color: var(--bs-primary);
+
   .no-js & {
     input[type="submit"] {
       display: inline;
@@ -24,7 +26,7 @@
         height: 1.25rem;
         width: 1.25rem;
         overflow: visible;
-        fill: var(--bs-primary);
+        fill: var(--bl-icon-color);
 
         &.bookmark-checked {
           display: none;