FIX: Missing bottom border in select-kit color list settings

FIX: Missing bottom border in select-kit color list settings

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 48e03ed..e0282b6 100644
--- a/app/assets/javascripts/select-kit/addon/components/selected-color.js
+++ b/app/assets/javascripts/select-kit/addon/components/selected-color.js
@@ -5,12 +5,14 @@ import { schedule } from "@ember/runloop";
 export default SelectedNameComponent.extend({
   classNames: ["select-kit-selected-color"],
 
-  didReceiveAttrs() {
+  didInsertElement() {
     this._super(...arguments);
 
     schedule("afterRender", () => {
-      const color = escapeExpression(this.name);
-      this.element.style.borderBottomColor = `#${color}`;
+      const color = escapeExpression(this.name),
+        el = document.querySelector(`[data-value="${color}"]`);
+
+      if (el) 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 dde65b3..4132072 100644
--- a/app/assets/stylesheets/common/select-kit/select-kit.scss
+++ b/app/assets/stylesheets/common/select-kit/select-kit.scss
@@ -71,6 +71,7 @@
       color: inherit;
       display: flex;
       outline: none;
+      border-bottom: 2px solid transparent;
 
       .d-icon + .name {
         margin-left: 0.5em;

GitHub sha: af63871d