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

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}`;
     });
   }
 });

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;