diff --git a/plugins/chat/assets/stylesheets/common/chat-composer-button.scss b/plugins/chat/assets/stylesheets/common/chat-composer-button.scss
index c7121ac6cd8..1df21c340b0 100644
--- a/plugins/chat/assets/stylesheets/common/chat-composer-button.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-composer-button.scss
@@ -1,9 +1,12 @@
 .chat-composer-button {
+  @include breakpoint(mobile-large) {
+    width: 50px;
+  }
   box-sizing: border-box;
-  width: 50px;
   border: 0;
   height: 50px;
   background: none;
+  padding-inline: 0.75rem;
 
   .is-disabled & {
     cursor: not-allowed;
diff --git a/plugins/chat/assets/stylesheets/common/chat-composer.scss b/plugins/chat/assets/stylesheets/common/chat-composer.scss
index ecc6032ea04..5933a979d71 100644
--- a/plugins/chat/assets/stylesheets/common/chat-composer.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-composer.scss
@@ -29,6 +29,10 @@
     align-self: flex-end;
   }
 
+  .chat-composer-separator {
+    flex-shrink: 0;
+  }
+
   &__outer-container {
     display: flex;
     align-items: center;