diff --git a/public/scripts/RossAscends-mods.js b/public/scripts/RossAscends-mods.js
index 2e87f57cf..39fdb037c 100644
--- a/public/scripts/RossAscends-mods.js
+++ b/public/scripts/RossAscends-mods.js
@@ -201,7 +201,7 @@ function RestoreNavTab() {
 function RA_checkOnlineStatus() {
     if (online_status == "no_connection") {
         $("#send_textarea").attr("placeholder", "Not connected to API!"); //Input bar placeholder tells users they are not connected
-        $("#send_form").css("background-color", "rgba(100,0,0,0.5)"); //entire input form area is red when not connected
+        $("#send_form").addClass('no-connection'); //entire input form area is red when not connected
         $("#send_but").css("display", "none"); //send button is hidden when not connected;
         $("#API-status-top").addClass("redOverlayGlow");
         connection_made = false;
@@ -210,6 +210,7 @@ function RA_checkOnlineStatus() {
             $("#send_textarea").attr("placeholder", "Type a message..."); //on connect, placeholder tells user to type message
             const formColor = power_user.fast_ui_mode ? "var(--black90a)" : "var(--black60a)";
             /* console.log("RA-AC -- connected, coloring input as " + formColor); */
+            $('#send_form').removeClass("no-connection");
             $("#send_form").css("background-color", formColor); //on connect, form BG changes to transprent black
             $("#API-status-top").removeClass("redOverlayGlow");
             connection_made = true;
diff --git a/public/style.css b/public/style.css
index 557044b28..ebae8dc58 100644
--- a/public/style.css
+++ b/public/style.css
@@ -3399,7 +3399,15 @@ body.no-blur * {
 }
 
 #send_form.no-blur-sendtextarea {
-    background-color: var(--black90a) !important;
+    background-color: var(--black90a);
+}
+
+#send_form.no-connection {
+    background-color: rgba(100, 0, 0, 0.5);
+}
+
+#send_form.no-blur-sendtextarea.no-connection {
+    background-color: rgba(100, 0, 0, 0.9);
 }
 
 body.no-blur #bg1,