header fix

assets/styles/global/_tooltip.scss

@@ -63,9 +63,10 @@
 
       &:after {
         border-top-width: 0;
-        border-bottom-color: var(--tooltip-bg);
+        border-bottom-color: var(--body-bg);
         top: 1px;
         left: -$triangle-inner-size;
+        background: transparent;
       }
     }
   }
@@ -123,7 +124,7 @@
   }
 
   .popover-arrow {
-    border-color: $color;
+    border-color: transparent;
   }
 }
 

assets/styles/themes/_light.scss

@@ -129,7 +129,7 @@ $selected: rgba($primary, .5);
   --tag-primary                : #{$primary};
   --tag-bg                     : #{rgba($primary, 0.2)};
 
-  --popover-bg                 : transparent;
+  --popover-bg                 : var(--body-bg);;
   --popover-border             : var(--border);
   --popover-text               : var(--body-text);
   --popover-border-radius      : var(--border-radius);

assets/styles/vendor/vue-select.scss

@@ -324,3 +324,7 @@ $transition-duration: 150ms;
   display: inline-block;
   border: 0;
 }
+
+header .vs-select .vs__dropdown-toggle {
+  background: red !important;
+}

components/nav/Header.vue

@@ -194,10 +194,18 @@ export default {
       background-color: var(--header-bg);
       padding-top: 6px;
 
+      .vs__dropdown-toggle {
+        background: pink!important;
+      }
+
       INPUT[type='search']::placeholder,
       .vs__open-indicator,
       .vs__selected {
         color: var(--header-btn-bg) !important;
+        background: var(--header-btn-bg);
+        border-radius: var(--border-radius);
+        border: none;
+        margin: 0 35px 0 25px!important;
       }
 
       .vs__selected {
@@ -231,5 +239,9 @@ export default {
         border-radius: 50%;
       }
     }
+
+    .vs__dropdown-toggle {
+      background: hotpink!important;
+    }
   }
 </style>

components/nav/ProductSwitcher.vue

@@ -207,6 +207,7 @@ export default {
       cursor: default;
       color: white;
       line-height: calc(var(--header-height) - 10px);
+      font-size: 0.87em;
     }
   }