Select hover vs active style

assets/styles/vendor/vue-select.scss

@@ -101,9 +101,13 @@
   }
 
   &.vs__dropdown-option--highlight {
-    color: var(--dropdown-hover-text) !important;
-    background: var(--dropdown-hover-bg) !important;
-    text-decoration: none;
+    color: var(--dropdown-hover-text);
+    background: var(--dropdown-hover-bg);
+
+    A {
+      color: var(--dropdown-hover-text);
+      text-decoration: none;
+    }
   }
 }
 

layouts/default.vue

@@ -277,9 +277,6 @@ export default {
       overflow-y: auto;
 
       .package.depth-0 {
-        .root .label {
-        }
-
         &.expanded > .body {
           margin-bottom: 5px;
         }
@@ -322,7 +319,7 @@ export default {
       grid-template-areas:  "type-banner type-banner"
                             "title actions"
                             "state-banner state-banner";
-      grid-template-columns: "auto min-content";
+      grid-template-columns: auto min-content;
       margin-bottom: 20px;
       align-items: center;
 
@@ -339,6 +336,10 @@ export default {
         grid-area: state-banner;
       }
 
+      .title {
+        grid-area: title;
+      }
+
       .actions {
         grid-area: actions;
         text-align: right;

store/i18n.js

@@ -70,6 +70,12 @@ export const getters = {
         return undefined;
       }
 
+      if ( typeof msg === 'object' ) {
+        console.error('Translation for', cacheKey, 'is an object'); // eslint-disable-line no-console
+
+        return undefined;
+      }
+
       if ( msg?.includes('{')) {
         formatter = new IntlMessageFormat(msg, state.selected);
       } else {