diff --git a/src/public/stylesheets/theme-next-dark.css b/src/public/stylesheets/theme-next-dark.css
index 778784861..cdf0675f2 100644
--- a/src/public/stylesheets/theme-next-dark.css
+++ b/src/public/stylesheets/theme-next-dark.css
@@ -92,13 +92,13 @@
 
     --modal-backdrop-color: #000;
     --modal-shadow-color: rgba(0, 0, 0, .5);
-    --modal-border-color: #444;
+    --modal-border-color: #ffffff23;
     --modal-background-color: #262626;
     --modal-title-color: gray;
     --modal-control-button-background: #ffffff2b;
     --modal-control-button-color: #cbcbcb;
     --modal-control-button-hover-color: white;
-    --modal-control-button-hover-background: var(--hover-item-background-color);
+    --modal-control-button-hover-background: #ffffff45;
     --modal-close-button-hover-background: var(--tab-close-button-hover-background);
     --modal-footer-background: #ffffff08;
     --modal-footer-color: #ffffff7a;
diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index b2722df57..b540c47d4 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -2031,6 +2031,7 @@ div.promoted-attribute-cell .multiplicity:has(span) {
 .modal .modal-content {
     box-shadow: 0 .5em 3em .5em var(--modal-shadow-color);
     border: 1px solid var(--modal-border-color);
+    background: var(--modal-background-color);
 }
 
 /* Modal header */