From b191c922af43a698943e96bb8a4f3f609ed53619 Mon Sep 17 00:00:00 2001
From: Devin Binnie <52460000+devinbinnie@users.noreply.github.com>
Date: Tue, 17 Jun 2025 11:06:59 -0400
Subject: [PATCH] [MM-63044] Fix overflow formatting on suggestion list
 (#31372)

* [MM-63044] Fix overflow formatting on suggestion list

* fix lint

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
---
 webapp/channels/src/sass/components/_suggestion-list.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/webapp/channels/src/sass/components/_suggestion-list.scss b/webapp/channels/src/sass/components/_suggestion-list.scss
index c89f668c8c..eafa4dea0f 100644
--- a/webapp/channels/src/sass/components/_suggestion-list.scss
+++ b/webapp/channels/src/sass/components/_suggestion-list.scss
@@ -68,7 +68,7 @@
     background-color: functions.v(center-channel-bg);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
     -webkit-overflow-scrolling: touch;
-    overflow-x: auto;
+    overflow-x: hidden;
     overflow-y: auto;
 
     &::-webkit-scrollbar-track {
@@ -116,6 +116,7 @@
 }
 
 .slash-command__info {
+    overflow: hidden;
     margin-left: 12px;
     line-height: 1;
 }
@@ -126,6 +127,7 @@
     font-size: 12px;
     line-height: 1.2;
     opacity: 0.75;
+    text-overflow: ellipsis;
     white-space: break-spaces;
 }
 
@@ -202,7 +204,6 @@
     cursor: pointer;
     font-size: inherit;
     line-height: 20px;
-    white-space: nowrap;
 
     .modal & {
         padding: 8px 3.2rem;