diff --git a/plugins/chat/assets/stylesheets/common/chat-composer.scss b/plugins/chat/assets/stylesheets/common/chat-composer.scss
index 057c6014f7b..70b0643e46d 100644
--- a/plugins/chat/assets/stylesheets/common/chat-composer.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-composer.scss
@@ -131,10 +131,6 @@
   border-top: 1px solid var(--primary-low);
   display: flex;
   align-items: center;
-  @include ellipsis;
-  position: relative;
-  height: 100%;
-  max-height: calc(2em - 5px);
 
   .cancel-message-action {
     margin-left: auto;
diff --git a/plugins/chat/assets/stylesheets/common/chat-reply.scss b/plugins/chat/assets/stylesheets/common/chat-reply.scss
index 765a04d957f..5b2259ae07d 100644
--- a/plugins/chat/assets/stylesheets/common/chat-reply.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-reply.scss
@@ -1,12 +1,8 @@
 .chat-reply {
-  display: contents;
   align-items: center;
-  box-sizing: border-box;
+  display: grid;
   font-size: var(--font-down-1);
-  padding-left: 0.5em;
-  height: 100%;
-  width: 100%;
-  white-space: nowrap;
+  grid: 1fr / auto-flow;
 
   .d-icon {
     color: var(--primary-low-mid);