From fcdf7ef019dbb5a0c5e9ff2d86e0c91aa2fc54f3 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Tue, 9 Feb 2021 00:35:10 -0500
Subject: [PATCH] UX: Remove 2px border from some select-kit buttons (#12016)

---
 .../javascripts/select-kit/addon/components/selected-color.js    | 1 +
 app/assets/stylesheets/common/select-kit/select-kit.scss         | 1 -
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/javascripts/select-kit/addon/components/selected-color.js b/app/assets/javascripts/select-kit/addon/components/selected-color.js
index 76232ce625..9b4cbe27b2 100644
--- a/app/assets/javascripts/select-kit/addon/components/selected-color.js
+++ b/app/assets/javascripts/select-kit/addon/components/selected-color.js
@@ -13,6 +13,7 @@ export default SelectedNameComponent.extend({
         el = document.querySelector(`[data-value="${color}"]`);
 
       if (el) {
+        el.style.borderBottom = "2px solid transparent";
         el.style.borderBottomColor = `#${color}`;
       }
     });
diff --git a/app/assets/stylesheets/common/select-kit/select-kit.scss b/app/assets/stylesheets/common/select-kit/select-kit.scss
index 58edf94242..762d833939 100644
--- a/app/assets/stylesheets/common/select-kit/select-kit.scss
+++ b/app/assets/stylesheets/common/select-kit/select-kit.scss
@@ -71,7 +71,6 @@
       color: inherit;
       display: flex;
       outline: none;
-      border-bottom: 2px solid transparent;
 
       .d-icon + .name {
         margin-left: 0.5em;