From 24a7abbba70aa434827e7b009a23dc9e7d2dcf48 Mon Sep 17 00:00:00 2001
From: Thomas Rittson <31796059+eliykat@users.noreply.github.com>
Date: Thu, 29 Sep 2022 08:55:51 +1000
Subject: [PATCH] Fix alignment for long filter names (#3635)

---
 apps/desktop/src/scss/left-nav.scss  | 4 ++++
 apps/web/src/scss/vault-filters.scss | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/desktop/src/scss/left-nav.scss b/apps/desktop/src/scss/left-nav.scss
index 5b52d78291..dc882ad265 100644
--- a/apps/desktop/src/scss/left-nav.scss
+++ b/apps/desktop/src/scss/left-nav.scss
@@ -154,6 +154,10 @@
     margin-left: auto;
     margin-right: 5px;
   }
+
+  .filter-button {
+    white-space: nowrap;
+  }
 }
 
 .nav {
diff --git a/apps/web/src/scss/vault-filters.scss b/apps/web/src/scss/vault-filters.scss
index 1925de3d9a..9f39164ad7 100644
--- a/apps/web/src/scss/vault-filters.scss
+++ b/apps/web/src/scss/vault-filters.scss
@@ -104,6 +104,9 @@
   }
 
   .filter-button {
+    max-width: 90%;
+    white-space: nowrap;
+
     &:hover,
     &:focus,
     &:active {
@@ -112,7 +115,6 @@
       }
       text-decoration: none;
     }
-    max-width: 90%;
 
     &.disabled-organization {
       max-width: 78%;