diff --git a/src/scss/global/_variables.scss b/src/scss/global/_variables.scss
index 8fe259cf..6ec32a5a 100755
--- a/src/scss/global/_variables.scss
+++ b/src/scss/global/_variables.scss
@@ -305,8 +305,12 @@ $bp_shallow: 650px;
       @content
     }
     &.auto-theme {
-      @media (prefers-color-scheme: $theme) {
+      @if $theme == 'dark' {
         @content
+      } @else {
+        @media (prefers-color-scheme: $theme) {
+          @content
+        }
       }
     }
   } @else {
diff --git a/src/scss/views/_modal.scss b/src/scss/views/_modal.scss
index a822fddf..39bc1fee 100755
--- a/src/scss/views/_modal.scss
+++ b/src/scss/views/_modal.scss
@@ -128,6 +128,12 @@
           color: colour(red);
         }
       }
+
+      @include theme('light') {
+        &:not(:hover) {
+          color: colour('darkest_grey');
+        }
+      }
     }
 
     @include responsive($bp_medium) {