UX: Fix bar-style category dropdown (#14785)

UX: Fix bar-style category dropdown (#14785)

diff --git a/app/assets/stylesheets/common/components/badges.scss b/app/assets/stylesheets/common/components/badges.scss
index 72a2617..c16705a 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 920277c..29f249c 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;

GitHub sha: 116b93595a01a62711acbee2c49aed0f3b5418ef

This commit appears in #14785 which was approved by CvX. It was merged by pmusaraj.