diff --git a/src/kiri/ui.js b/src/kiri/ui.js
index 79bf14b4..d891e810 100644
--- a/src/kiri/ui.js
+++ b/src/kiri/ui.js
@@ -132,7 +132,7 @@ gapp.register("kiri.ui", [], (root, exports) => {
             if (Array.isArray(input)) {
                 iid = `confirm-input-${rnd}`;
                 html.append(`<div><textarea rows="15" cols="40" class="grow" type="text" spellcheck="false" id="${iid}"></textarea></div>`);
-            } else {
+            } else if (input) {
                 iid = `confirm-input-${rnd}`;
                 html.append(`<div><input class="grow" type="text" spellcheck="false" id="${iid}"/></div>`);
             }
diff --git a/web/kiri/index.css b/web/kiri/index.css
index f44da567..31d7f512 100644
--- a/web/kiri/index.css
+++ b/web/kiri/index.css
@@ -330,7 +330,9 @@ details[open] > summary::after {
     background-color: var(--blue-1);
 }
 .dark #dialog {
-    background-color: rgba(150,100,100,0.85);
+    background-color: rgba(60,60,60,0.85);
+    border-top: 8px solid rgba(100,100,100,1);
+    border-bottom: 7px solid rgba(100,100,100,1);
 }
 .dark #modal, .dark #dialog {
     color: #fff !important;
@@ -1515,10 +1517,10 @@ details[open] > summary::after {
     top: 100px;
     left: 50%;
     transform: translateX(-50%);
-    background-color: rgba(255,200,200,0.75);
+    background-color: rgba(255,255,255,0.85);
     border: 0;
-    border-top: 5px solid white;
-    border-bottom: 5px solid white;
+    border-top: 8px solid rgba(180,180,180,1);
+    border-bottom: 7px solid rgba(180,180,180,1);
     border-radius: 5px;
     overflow: hidden;
     margin: 0;