diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css
index 8186ce860..c28e323d0 100644
--- a/static/themes/default/css/main.css
+++ b/static/themes/default/css/main.css
@@ -50,20 +50,20 @@ h6:not(:first-child) {
 
 /* Default style removed in bootstrap 4 */
 .btn-default {
-    --bs-btn-color: #333;
-    --bs-btn-bg: #fff;
-    --bs-btn-border-color: #ccc;
-    --bs-btn-hover-color: #333;
-    --bs-btn-hover-bg: #e6e6e6;
-    --bs-btn-hover-border-color: #adadad;
+    --bs-btn-color: var(--bs-body-color);
+    --bs-btn-bg: var(--bs-body-bg);
+    --bs-btn-border-color: var(--bs-tertiary-color);
+    --bs-btn-hover-color: var(--bs-body-color);
+    --bs-btn-hover-bg: var(--bs-secondary-bg);
+    --bs-btn-hover-border-color: var(--bs-tertiary-color);
     --bs-btn-focus-shadow-rgb: 192, 192, 192;
-    --bs-btn-active-color: #333;
-    --bs-btn-active-bg: #e6e6e6;
-    --bs-btn-active-border-color: #adadad;
-    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    --bs-btn-disabled-color: #333;
-    --bs-btn-disabled-bg: #e6e6e6;
-    --bs-btn-disabled-border-color: #adadad;
+    --bs-btn-active-color: var(--bs-body-color);
+    --bs-btn-active-bg: var(--bs-secondary-bg);
+    --bs-btn-active-border-color: var(--bs-tertiary-color);
+    --bs-btn-active-shadow: inset 0 3px 5px var(--bs-border-color-translucent);
+    --bs-btn-disabled-color: var(--bs-body-color);
+    --bs-btn-disabled-bg: var(--bs-secondary-bg);
+    --bs-btn-disabled-border-color: var(--bs-tertiary-color);
 }
 
 /* Help block removed from bootstrap 4, needs updated django-bootstrap-from */