From f1ac3cf88811151a4205a357a544d54ab9e2a85b Mon Sep 17 00:00:00 2001
From: awesomerobot <kris.aubuchon@discourse.org>
Date: Fri, 25 Sep 2020 19:31:41 -0400
Subject: [PATCH] UX: Prevent categories from overflowing select-kit

---
 app/assets/stylesheets/common/select-kit/category-row.scss | 4 ++++
 app/assets/stylesheets/common/select-kit/select-kit.scss   | 1 +
 2 files changed, 5 insertions(+)

diff --git a/app/assets/stylesheets/common/select-kit/category-row.scss b/app/assets/stylesheets/common/select-kit/category-row.scss
index df43c956035..7ee11ae3aab 100644
--- a/app/assets/stylesheets/common/select-kit/category-row.scss
+++ b/app/assets/stylesheets/common/select-kit/category-row.scss
@@ -13,6 +13,10 @@
       margin: 0;
     }
     .category-status {
+      overflow: hidden;
+      .badge-wrapper {
+        overflow: hidden;
+      }
       .badge-wrapper.box {
         margin-bottom: 1px;
         margin-top: 1px;
diff --git a/app/assets/stylesheets/common/select-kit/select-kit.scss b/app/assets/stylesheets/common/select-kit/select-kit.scss
index a4ffccfc3a7..d55c14726b4 100644
--- a/app/assets/stylesheets/common/select-kit/select-kit.scss
+++ b/app/assets/stylesheets/common/select-kit/select-kit.scss
@@ -19,6 +19,7 @@
       flex-direction: column;
       align-items: center;
       justify-content: center;
+      max-width: 100%;
     }
 
     .select-kit-collection {