diff --git a/public/index.html b/public/index.html
index 4d05521..933acfe 100644
--- a/public/index.html
+++ b/public/index.html
@@ -19,6 +19,8 @@
         <span class="note">Press Ctrl + Enter to send </span>
         <button class="send-button" onclick="send()">Send</button>
     </div>
+
+    <div id="prompt-background"></div>
     <div id="prompt-box" hidden>
         <div id="prompt-box-title"></div>
         <div id="prompt-box-content">
diff --git a/public/script.js b/public/script.js
index ddbf27f..ad45860 100644
--- a/public/script.js
+++ b/public/script.js
@@ -169,6 +169,7 @@ function open_prompt(title) {
     $('#confirm-prompt').one('click', () => {
         if (resolve_callback) {
             $('#prompt-box').hide('fast');
+            $('#prompt-background').hide();
             resolve_callback($('#prompt-data').val());
         }
     });
diff --git a/public/style.css b/public/style.css
index e920d7a..a22405b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -166,6 +166,16 @@ pre {
     border: #0a84ff 2px solid;
 }
 
+#prompt-background {
+    position: fixed;
+    top: 0;
+    right: 0;
+
+    height: 100vh;
+    width: 100vw;
+    background-color:#38383dCC;
+}
+
 #confirm-prompt {
     float: right;
     margin-top: 15px;