diff --git a/ui/scss/component/_button.scss b/ui/scss/component/_button.scss
index 680adafca..7b394f051 100644
--- a/ui/scss/component/_button.scss
+++ b/ui/scss/component/_button.scss
@@ -116,9 +116,14 @@
   color: var(--color-text-subtitle);
   max-width: 100%;
   text-align: left;
-  text-overflow: ellipsis;
   transition: color 0.2s;
 
+  .channel-name {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
   .markdown-preview & {
     height: initial;
     vertical-align: initial;
diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss
index 7cb293c9b..c6805ed65 100644
--- a/ui/scss/component/_claim-list.scss
+++ b/ui/scss/component/_claim-list.scss
@@ -447,10 +447,14 @@
 }
 
 .claim-tile__about {
-  display: flex;
-  flex-direction: column;
   font-size: var(--font-xsmall);
   color: var(--color-text-subtitle);
+  overflow: hidden;
+  white-space: nowrap;
+
+  > * {
+    display: block;
+  }
 }
 
 .claim-tile__publishes {