From 116b93595a01a62711acbee2c49aed0f3b5418ef Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Mon, 1 Nov 2021 11:17:41 -0400
Subject: [PATCH] UX: Fix bar-style category dropdown (#14785)

---
 app/assets/stylesheets/common/components/badges.scss        | 6 +++---
 app/assets/stylesheets/common/select-kit/category-drop.scss | 4 ----
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/common/components/badges.scss b/app/assets/stylesheets/common/components/badges.scss
index 72a26175de4..c16705adfaf 100644
--- a/app/assets/stylesheets/common/components/badges.scss
+++ b/app/assets/stylesheets/common/components/badges.scss
@@ -116,7 +116,7 @@
 
     span.badge-category {
       color: var(--primary-high);
-      padding: 1px 3px;
+      padding-left: 4px;
       overflow: hidden;
       text-overflow: ellipsis;
 
@@ -127,9 +127,9 @@
 
     .badge-category-parent-bg,
     .badge-category-bg {
-      // Subcategories
       display: inline-block;
-      padding: 0 1px;
+      padding-left: 1px;
+      padding-right: 1px;
 
       &:before {
         content: "\a0";
diff --git a/app/assets/stylesheets/common/select-kit/category-drop.scss b/app/assets/stylesheets/common/select-kit/category-drop.scss
index 920277c159e..29f249c545e 100644
--- a/app/assets/stylesheets/common/select-kit/category-drop.scss
+++ b/app/assets/stylesheets/common/select-kit/category-drop.scss
@@ -19,10 +19,6 @@
         }
       }
 
-      &.bar.has-selection .category-drop-header {
-        padding: 0 5px 0 10px;
-      }
-
       &.box.has-selection .category-drop-header {
         .badge-wrapper.box {
           padding: 0;