From e2de9bf9e708089493c2b5ba0eb69ac8b6ffac29 Mon Sep 17 00:00:00 2001
From: saltrafael <a657ee92-7eb9-46eb-97d2-6735799df838@aleeas.com>
Date: Tue, 29 Jun 2021 13:57:22 -0300
Subject: [PATCH] Fix recommended tab style issues

---
 ui/scss/component/_claim-list.scss | 4 ++++
 ui/scss/component/_search.scss     | 4 +++-
 ui/scss/component/_snack-bar.scss  | 2 ++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss
index d5602e264..e0cdab712 100644
--- a/ui/scss/component/_claim-list.scss
+++ b/ui/scss/component/_claim-list.scss
@@ -94,6 +94,10 @@
 
 .claim-preview__wrapper--small {
   padding: var(--spacing-s);
+
+  .button--uri-indicator {
+    max-width: 12rem;
+  }
 }
 
 .claim-preview {
diff --git a/ui/scss/component/_search.scss b/ui/scss/component/_search.scss
index db1272154..1fcb5f2c0 100644
--- a/ui/scss/component/_search.scss
+++ b/ui/scss/component/_search.scss
@@ -128,10 +128,12 @@
 }
 
 .recommended-content__toggles {
-  margin-right: var(--spacing-s);
+  margin-top: var(--spacing-xs);
+  margin-right: var(--spacing-xs);
 
   button {
     padding: 0 var(--spacing-xs);
     height: 2rem;
+    max-width: 15rem;
   }
 }
diff --git a/ui/scss/component/_snack-bar.scss b/ui/scss/component/_snack-bar.scss
index faff99c7b..57d51e318 100644
--- a/ui/scss/component/_snack-bar.scss
+++ b/ui/scss/component/_snack-bar.scss
@@ -47,6 +47,8 @@
 }
 
 .snack-bar__message {
+  overflow: hidden;
+  text-overflow: ellipsis;
   align-items: center;
   display: flex;
   flex-direction: row;