From f98ba2566d05add1bcd9ac6d3f0d2da725df8b9e Mon Sep 17 00:00:00 2001
From: Nikki Sharpley <nsharpley@mozilla.com>
Date: Tue, 25 Jul 2023 09:59:13 -0400
Subject: [PATCH] input backgrounds

---
 src/react-components/input/SelectInputField.scss | 4 ++--
 src/react-components/styles/global.scss          | 4 ----
 src/react-components/styles/theme.scss           | 4 ----
 3 files changed, 2 insertions(+), 10 deletions(-)

diff --git a/src/react-components/input/SelectInputField.scss b/src/react-components/input/SelectInputField.scss
index 3943417ec7..7436e503f3 100644
--- a/src/react-components/input/SelectInputField.scss
+++ b/src/react-components/input/SelectInputField.scss
@@ -48,13 +48,13 @@ $input-height: 40px;
   top: $input-height + 4px;
   display: none;
   flex-direction: column;
-  background-color: theme.$dropdown-bg-color;
+  background-color: theme.$input-bg-color;
   border-radius: 8px;
   padding: 8px 0;
   z-index: 99999;
   left: 0;
   right: 0;
-  box-shadow: -1px -1px 1px theme.$dropdown-border-color, 3px 3px 6px theme.$dropdown-shadow-color;
+  box-shadow: -1px -1px 1px theme.$border1-color, 3px 3px 6px theme.$shadow-color;
   max-height: 320px;
   overflow-y: auto;
 }
diff --git a/src/react-components/styles/global.scss b/src/react-components/styles/global.scss
index a945c05c17..4a0d496dc3 100644
--- a/src/react-components/styles/global.scss
+++ b/src/react-components/styles/global.scss
@@ -113,10 +113,6 @@
   --input-border-color-hover: var(--primary-color-hover);
   --input-outline-color: var(--primary-color);
 
-  --dropdown-bg-color: var(--background1-color);
-  --dropdown-border-color: var(--border1-color);
-  --dropdown-shadow-color: var(--shadow-color);
-
   --button-text-color: var(--text1-color);
   --button-border-color: var(--border1-color);
   --button-bg-color: var(--basic-color);
diff --git a/src/react-components/styles/theme.scss b/src/react-components/styles/theme.scss
index c425cd7f58..df7b50a541 100644
--- a/src/react-components/styles/theme.scss
+++ b/src/react-components/styles/theme.scss
@@ -199,10 +199,6 @@ $input-border-color: var(--input-border-color);
 $input-border-color-hover: var(--input-border-color-hover);
 $input-outline-color: var(--input-outline-color);
 
-$dropdown-bg-color: var(--dropdown-bg-color);
-$dropdown-border-color: var(--dropdown-border-color);
-$dropdown-shadow-color: var(--dropdown-shadow-color);
-
 $button-text-color: var(--button-text-color);
 $button-border-color: var(--button-border-color);
 $button-bg-color: var(--button-bg-color);