2 files changed, 6 insertions, 2 deletions

diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss
index eed6abe41..97f72c41f 100644
--- a/client/src/sass/bootstrap.scss
+++ b/client/src/sass/bootstrap.scss
@@ -5,6 +5,7 @@
 
 @import '~bootstrap/scss/functions';
 @import '~bootstrap/scss/variables';
+@import '~bootstrap/scss/maps';
 @import '~bootstrap/scss/mixins';
 @import '~bootstrap/scss/utilities';
 
@@ -29,6 +30,11 @@
 @import '~bootstrap/scss/helpers';
 @import '~bootstrap/scss/utilities/api';
 
+.accordion {
+  --bs-accordion-color: #{pvar(--mainForegroundColor)};
+  --bs-accordion-bg: #{pvar(--mainBackgroundColor)};
+}
+
 .flex-auto {
   flex: auto;
 }
diff --git a/client/src/sass/include/_bootstrap-variables.scss b/client/src/sass/include/_bootstrap-variables.scss
index 5c6a56283..1c05f467a 100644
--- a/client/src/sass/include/_bootstrap-variables.scss
+++ b/client/src/sass/include/_bootstrap-variables.scss
@@ -51,8 +51,6 @@ $dropdown-link-hover-bg: pvar(--mainBackgroundHoverColor);
 $dropdown-color: pvar(--mainForegroundColor);
 $dropdown-bg: pvar(--mainBackgroundColor);
 
-$accordion-color: pvar(--mainForegroundColor);
-$accordion-bg: pvar(--mainBackgroundColor);
 $accordion-button-active-bg: pvar(--mainColorVeryLight);
 $accordion-button-active-color: pvar(--mainForegroundColor);
 $accordion-button-focus-border-color: pvar(--mainColorLightest);