From 82a633c299a874f6b819983de73437157a66f77b Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Mon, 19 Dec 2022 19:28:06 +0100
Subject: [PATCH] update styling for search component (#191)

---
 src/theme/search.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/theme/search.css b/src/theme/search.css
index aed6fbb507..a169533fcf 100644
--- a/src/theme/search.css
+++ b/src/theme/search.css
@@ -24,14 +24,13 @@
 
 .DocSearch-Button-Container {
   flex: 1;
-  flex-direction: row-reverse;
   justify-content: space-between;
 }
 
 .DocSearch-Button-Keys kbd {
   background: none;
-  border: 1px solid var(--chakra-colors-primary);
-  color: var(--chakra-colors-primary);
+  border: 1px solid var(--chakra-colors-secondary);
+  color: var(--chakra-colors-secondary);
   box-shadow: none;
   padding: 0.125rem;
 }
@@ -147,6 +146,10 @@ svg[aria-label='Algolia'] * {
 
 @media (max-width: 768px) {
   /* Search field in mobile menu */
+  .DocSearch-Button-Container {
+    flex-direction: row-reverse;
+  }
+    
   .DocSearch-Button {
     padding: 2rem 1rem;
     width: 100%;