UX: Prevent categories from overflowing select-kit

UX: Prevent categories from overflowing select-kit

diff --git a/app/assets/stylesheets/common/select-kit/category-row.scss b/app/assets/stylesheets/common/select-kit/category-row.scss
index df43c95..7ee11ae 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 a4ffccf..d55c147 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 {

GitHub sha: f1ac3cf8

This commit has been mentioned on Discourse Meta. There might be relevant details there:

https://meta.discourse.org/t/long-categories-subcategories-exceed-the-category-selector-box-in-the-settings/163621/4