From 374cda34ffa49c2281821efb62566663cb97df60 Mon Sep 17 00:00:00 2001
From: john-rock <johnmrock.jr@gmail.com>
Date: Tue, 3 Oct 2023 10:18:49 -0400
Subject: [PATCH] update active and focus styles

---
 .../src/components/quickstartGuideList/styles.module.css   | 2 +-
 website/src/components/searchInput/styles.module.css       | 7 ++++++-
 website/src/components/selectDropdown/styles.module.css    | 1 -
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/website/src/components/quickstartGuideList/styles.module.css b/website/src/components/quickstartGuideList/styles.module.css
index 5168a4b1da4..4e1518efd2b 100644
--- a/website/src/components/quickstartGuideList/styles.module.css
+++ b/website/src/components/quickstartGuideList/styles.module.css
@@ -34,7 +34,7 @@
 }
 
 @media (max-width: 996px) {
-    .quickstartCardContainer {
+    .quickstartCardContainer, .quickstartFilterContainer {
         grid-template-columns: 1fr;
     }
 }
diff --git a/website/src/components/searchInput/styles.module.css b/website/src/components/searchInput/styles.module.css
index 43d1221369b..e16c1ced26c 100644
--- a/website/src/components/searchInput/styles.module.css
+++ b/website/src/components/searchInput/styles.module.css
@@ -1,6 +1,11 @@
 .inputContainer {
   padding: 0 1rem;
-  min-width: 25rem;
   border-radius: 0.3125rem;
   border: 2px solid var(--navy-200-c-6-ccd-4, #C6CCD4);
+  min-height: 38px;
+}
+
+.inputContainer:active, .inputContainer:focus {
+  border: 2px solid #4f5d75;
+  outline: none;
 }
diff --git a/website/src/components/selectDropdown/styles.module.css b/website/src/components/selectDropdown/styles.module.css
index 53f9add7ef5..84484a1e79e 100644
--- a/website/src/components/selectDropdown/styles.module.css
+++ b/website/src/components/selectDropdown/styles.module.css
@@ -1,5 +1,4 @@
 .selectContainer {
-    min-width: 25rem;
     padding-left: 0 !important;
     border-radius: 0.3125rem;
     border: 2px solid #C6CCD4;