diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index d8fe8c9f..350c4aaa 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -30,6 +30,7 @@ $form-feedback-icon-valid-color: $black;
 $component-active-bg: $magenta;
 $zindex-modal-backdrop: 0;
 $modal-content-bg: var(--background);
+$modal-content-border-color: var(--modal-content-border-color);
 $card-bg: var(--background);
 $card-border-color: var(--card-border-color);
 $input-bg: var(--background);
@@ -79,6 +80,7 @@ $sizes: (
   --background: #{$white};
   --color: #{$magenta};
   --card-border-color: #{rgba($black, .125)};
+  --modal-content-border-color: rgba(#{$black}, .2);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -87,6 +89,7 @@ $sizes: (
     --background: #{$black};
     --color: #{$cyan};
     --card-border-color: #{rgba($white, .125)};
+    --modal-content-border-color: #{rgba($white, .2)};
   }
 
   .btn-secondary {