diff --git a/frontend/src/assets/button.module.scss b/frontend/src/assets/button.module.scss
index 06a2e3383..8b43dccaa 100644
--- a/frontend/src/assets/button.module.scss
+++ b/frontend/src/assets/button.module.scss
@@ -1,5 +1,13 @@
 @layer mantine {
   .root {
+    @include dark {
+      color: var(--mantine-color-dark-0);
+
+      @include hover {
+        background-color: var(--mantine-color-dark-8);
+      }
+    }
+
     &[data-variant="danger"] {
       background-color: var(--mantine-color-red-9);
       color: var(--mantine-color-red-0);