diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index db2db261..d50774fa 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -32,6 +32,7 @@ $btn-white-space: nowrap;
 $font-weight-bolder: 700;
 $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);
@@ -83,6 +84,7 @@ $sizes: (
   --card-border-color: #{rgba($black, .125)};
   --btn-bg-color: #{$black};
   --btn-color: #{$white};
+  --modal-content-border-color: rgba(#{$black}, .2);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -93,6 +95,7 @@ $sizes: (
     --card-border-color: #{rgba($white, .250)};
     --btn-bg-color: #{$white};
     --btn-color: #{$black};
+    --modal-content-border-color: #{rgba($white, .2)};
   }