diff --git a/packages/common/styles.js b/packages/common/styles.js
index 56c142c777ad02104f8de15b5567a5f3619a0ae6..adac76cede4f4d448b6042fddb8805b129d3be8f 100644
--- a/packages/common/styles.js
+++ b/packages/common/styles.js
@@ -137,7 +137,7 @@ export function getGeneralCSS(doMarginPaddingReset = true) {
         }
 
         a.is-download {
-            border-bottom: 1px solid rgba(0,0,0,0.4);
+            border-bottom: var(--dbp-border-dark);
             transition: background-color 0.15s, color 0.15s;
         }
 
@@ -891,13 +891,22 @@ export function getModalDialogCSS() {
             left: 0;
             right: 0;
             bottom: 0;
-            background: rgba(0, 0, 0, 0.6);
             display: flex;
             justify-content: center;
             align-items: center;
             z-index: 10000;
         }
 
+        .modal-overlay::before {
+            content: "";
+            width: 100%;
+            height: 100%;
+            position: absolute;
+            left: 0;
+            background-color: var(--dbp-base-dark);
+            opacity: 0.6;
+        }
+
         .modal-container {
             background-color: var(--dbp-base-light);
             max-width: 600px;