From 2a87ad0701366a34b0c2519b53b10d87712611e3 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Thu, 22 Dec 2022 23:34:32 -0800
Subject: [PATCH] Fixed display of dropdown and defaultValue

---
 components/JobSkillSearchFilterBar/index.tsx | 3 ++-
 components/Select/index.scss                 | 8 ++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/JobSkillSearchFilterBar/index.tsx b/components/JobSkillSearchFilterBar/index.tsx
index 6d442024..c446cd35 100644
--- a/components/JobSkillSearchFilterBar/index.tsx
+++ b/components/JobSkillSearchFilterBar/index.tsx
@@ -40,7 +40,8 @@ const JobSkillSearchFilterBar = (props: Props) => {
   return (
     <div className="SearchFilterBar">
       <Select
-        defaultValue={-1}
+        defaultValue="-1"
+        triggerClass="Bound"
         trigger={'All elements'}
         open={open}
         onChange={onChange}
diff --git a/components/Select/index.scss b/components/Select/index.scss
index c7b01b68..bf6d93c3 100644
--- a/components/Select/index.scss
+++ b/components/Select/index.scss
@@ -22,6 +22,14 @@
     text-align: left;
   }
 
+  &.Bound {
+    background-color: var(--select-contained-bg);
+
+    &:hover {
+      background-color: var(--select-contained-bg-hover);
+    }
+  }
+
   .SelectIcon {
     display: flex;
     align-items: center;