diff --git a/webapp/src/components/rhs/all_badges_row.scss b/webapp/src/components/rhs/all_badges_row.scss
index e48f820..4e7e622 100644
--- a/webapp/src/components/rhs/all_badges_row.scss
+++ b/webapp/src/components/rhs/all_badges_row.scss
@@ -38,7 +38,9 @@
 
         p {
             margin: 0;
-            display: inline;
+            width: auto;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
     }
 
diff --git a/webapp/src/components/rhs/badge_details.scss b/webapp/src/components/rhs/badge_details.scss
index 8f072f4..d6d81e9 100644
--- a/webapp/src/components/rhs/badge_details.scss
+++ b/webapp/src/components/rhs/badge_details.scss
@@ -53,7 +53,9 @@
 
             p {
                 margin: 0;
-                display: inline;
+                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 68e50d5..75edd11 100644
--- a/webapp/src/components/rhs/user_badge_row.scss
+++ b/webapp/src/components/rhs/user_badge_row.scss
@@ -38,7 +38,9 @@
 
         p {
             margin: 0;
-            display: inline;
+            width: auto;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
     }