diff --git a/public/index.html b/public/index.html
index 88bf1643c..855131f06 100644
--- a/public/index.html
+++ b/public/index.html
@@ -268,7 +268,11 @@
                                     </div>
                                     <div class="range-block-counter">
                                         Alternative server URL (leave empty to use the default value).<br>
-                                        <b class="reverse_proxy_warning">Don't expose your real API keys to reverse proxies!</b>
+                                        <div id="ReverseProxyWarningMessage" class="reverse_proxy_warning">
+                                            <b>Remove your real OAI API Key from the API panel BEFORE connecting to a reverse proxy.</b>
+                                            <hr>
+                                            <b>We cannot provide suport for problems encountered while using an unofficial OpenAI proxy.</b>
+                                        </div>
                                     </div>
                                     <div class="wide100p">
                                         <input id="openai_reverse_proxy" type="text" class="text_pole" placeholder="https://api.openai.com/v1" maxlength="100" />
diff --git a/public/scripts/openai.js b/public/scripts/openai.js
index 6a4175bd1..8f7249341 100644
--- a/public/scripts/openai.js
+++ b/public/scripts/openai.js
@@ -704,6 +704,10 @@ function loadOpenAISettings(data, settings) {
     if (settings.reverse_proxy !== undefined) oai_settings.reverse_proxy = settings.reverse_proxy;
     $('#openai_reverse_proxy').val(oai_settings.reverse_proxy);
 
+    if (oai_settings.reverse_proxy !== '') {
+        $("#ReverseProxyWarningMessage").css('display', 'block');
+    }
+
     $('#openai_logit_bias_preset').empty();
     for (const preset of Object.keys(oai_settings.bias_presets)) {
         const option = document.createElement('option');
@@ -1229,6 +1233,9 @@ $(document).ready(function () {
 
     $("#openai_reverse_proxy").on('input', function () {
         oai_settings.reverse_proxy = $(this).val();
+        if (oai_settings.reverse_proxy == '') {
+            $("#ReverseProxyWarningMessage").css('display', 'none');
+        } else { $("#ReverseProxyWarningMessage").css('display', 'block'); }
         saveSettingsDebounced();
     });
 
diff --git a/public/style.css b/public/style.css
index e12706b2e..b422d54ee 100644
--- a/public/style.css
+++ b/public/style.css
@@ -3538,7 +3538,20 @@ toolcool-color-picker {
     flex-grow: 1;
 }
 
-.reverse_proxy_warning,
+#ReverseProxyWarningMessage {
+    display: none;
+}
+
+.reverse_proxy_warning {
+    color: red;
+    background-color: black;
+    text-shadow: none !important;
+    margin-top: 12px !important;
+    border-radius: 5px;
+    padding: 3px;
+    border: 1px solid var(--white30a);
+}
+
 .neutral_warning {
     color: rgba(255, 0, 0, 0.5)
 }