diff --git a/plugins/chat/assets/stylesheets/common/chat-composer.scss b/plugins/chat/assets/stylesheets/common/chat-composer.scss
index 5933a979d71..cd5abae28af 100644
--- a/plugins/chat/assets/stylesheets/common/chat-composer.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-composer.scss
@@ -3,7 +3,6 @@
     display: flex;
     flex-direction: column;
     z-index: 3;
-    background-color: var(--primary-very-low);
     padding: 0.5rem 0 env(safe-area-inset-bottom) 0;
 
     .keyboard-visible & {
@@ -49,13 +48,12 @@
     flex-direction: row;
     border: 1px solid var(--primary-low);
     border-radius: var(--d-border-radius-large);
-    background-color: var(--secondary);
+    background: var(--primary-very-low);
     min-height: 50px;
     overflow: hidden;
 
     .chat-composer.is-focused & {
-      border-color: var(--primary-low-mid);
-      box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
+      box-shadow: 0 0 2px 0 rgba(var(--tertiary-rgb), 0.95);
     }
 
     .chat-composer.is-disabled & {
diff --git a/plugins/chat/assets/stylesheets/mobile/chat-composer.scss b/plugins/chat/assets/stylesheets/mobile/chat-composer.scss
index 793542193bd..35a538aa6c1 100644
--- a/plugins/chat/assets/stylesheets/mobile/chat-composer.scss
+++ b/plugins/chat/assets/stylesheets/mobile/chat-composer.scss
@@ -17,10 +17,6 @@
   &__inner-container {
     align-self: stretch;
     min-height: unset;
-    .chat-composer.is-focused & {
-      border-color: var(--primary-low);
-      box-shadow: 0 0 2px 0 rgba(var(--tertiary-rgb), 0.95);
-    }
   }
   &__input-container {
     padding: 0.15em 0.5em;