diff --git a/webapp/src/components/rhs/all_badges.scss b/webapp/src/components/rhs/all_badges.scss
index 11b3c0c..ad174ef 100644
--- a/webapp/src/components/rhs/all_badges.scss
+++ b/webapp/src/components/rhs/all_badges.scss
@@ -133,6 +133,7 @@
         cursor: pointer;
         white-space: nowrap;
         flex-shrink: 0;
+        margin-bottom: 7px;
 
         &:hover {
             opacity: 0.88;
diff --git a/webapp/src/components/rhs/all_badges_row.scss b/webapp/src/components/rhs/all_badges_row.scss
index 4e7e622..63fd877 100644
--- a/webapp/src/components/rhs/all_badges_row.scss
+++ b/webapp/src/components/rhs/all_badges_row.scss
@@ -35,12 +35,10 @@
         font-size: 13px;
         color: rgba(var(--center-channel-color-rgb), 0.72);
         margin-top: 2px;
+        word-break: break-word;
 
         p {
             margin: 0;
-            width: auto;
-            overflow: hidden;
-            text-overflow: ellipsis;
         }
     }
 
diff --git a/webapp/src/components/rhs/all_types.scss b/webapp/src/components/rhs/all_types.scss
index e826705..9a2bfac 100644
--- a/webapp/src/components/rhs/all_types.scss
+++ b/webapp/src/components/rhs/all_types.scss
@@ -55,6 +55,7 @@
         font-size: 12px;
         font-weight: 600;
         cursor: pointer;
+        margin-bottom: 7px;
 
         &:hover {
             opacity: 0.88;
diff --git a/webapp/src/components/rhs/badge_details.scss b/webapp/src/components/rhs/badge_details.scss
index 4abc57a..2543d6b 100644
--- a/webapp/src/components/rhs/badge_details.scss
+++ b/webapp/src/components/rhs/badge_details.scss
@@ -51,12 +51,10 @@
             font-size: 14px;
             color: rgba(var(--center-channel-color-rgb), 0.72);
             margin-top: 4px;
+            word-break: break-word;
 
             p {
                 margin: 0;
-                width: auto;
-                overflow: hidden;
-                text-overflow: ellipsis;
             }
         }
 
diff --git a/webapp/src/components/rhs/user_badge_row.scss b/webapp/src/components/rhs/user_badge_row.scss
index 75edd11..032dd37 100644
--- a/webapp/src/components/rhs/user_badge_row.scss
+++ b/webapp/src/components/rhs/user_badge_row.scss
@@ -35,12 +35,10 @@
         font-size: 13px;
         color: rgba(var(--center-channel-color-rgb), 0.72);
         margin-top: 2px;
+        word-break: break-word;
 
         p {
             margin: 0;
-            width: auto;
-            overflow: hidden;
-            text-overflow: ellipsis;
         }
     }