From 01af655ff1684c597ba53dd5a1ab6376b80a605b Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Tue, 15 Oct 2024 11:12:29 -0600
Subject: [PATCH 1/4] fix router input styles

---
 src/styles/index.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/styles/index.ts b/src/styles/index.ts
index 6998b7698c1d..343912a11391 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -3615,7 +3615,6 @@ const styles = (theme: ThemeColors) =>
         },
 
         searchInputStyle: {
-            color: theme.textSupporting,
             fontSize: 13,
             lineHeight: 16,
         },

From 13d132a90224f60a37745a2faf089fca13aa9b45 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Tue, 15 Oct 2024 11:16:49 -0600
Subject: [PATCH 2/4] update filter button text color

---
 src/components/Search/SearchPageHeader.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Search/SearchPageHeader.tsx b/src/components/Search/SearchPageHeader.tsx
index ec43c9762239..4c383021645f 100644
--- a/src/components/Search/SearchPageHeader.tsx
+++ b/src/components/Search/SearchPageHeader.tsx
@@ -373,7 +373,6 @@ function SearchPageHeader({queryJSON, hash}: SearchPageHeaderProps) {
                     <Button
                         innerStyles={!isCannedQuery && [styles.searchRouterInputResults, styles.borderNone]}
                         text={translate('search.filtersHeader')}
-                        textStyles={!isCannedQuery && styles.textSupporting}
                         icon={Expensicons.Filters}
                         onPress={onPress}
                     />

From 5dee1c39e8bdb25ec37ada61382ced066494123a Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Tue, 15 Oct 2024 11:38:24 -0600
Subject: [PATCH 3/4] update bg color

---
 src/styles/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/index.ts b/src/styles/index.ts
index 343912a11391..5187ff54f2fb 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -3635,6 +3635,7 @@ const styles = (theme: ThemeColors) =>
         searchRouterInputResultsFocused: {
             borderWidth: 1,
             borderColor: theme.success,
+            backgroundColor: theme.appBG,
         },
 
         searchTableHeaderActive: {

From e6d02c2b33c6b5f181934226f49635e0d0cf649d Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Tue, 15 Oct 2024 12:29:25 -0600
Subject: [PATCH 4/4] change font size

---
 src/components/Search/SearchRouter/SearchRouterInput.tsx | 2 +-
 src/styles/index.ts                                      | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Search/SearchRouter/SearchRouterInput.tsx b/src/components/Search/SearchRouter/SearchRouterInput.tsx
index 7b850f96efc1..70e2e64074c9 100644
--- a/src/components/Search/SearchRouter/SearchRouterInput.tsx
+++ b/src/components/Search/SearchRouter/SearchRouterInput.tsx
@@ -88,7 +88,7 @@ function SearchRouterInput({
                     onSubmitEditing={onSubmit}
                     shouldUseDisabledStyles={false}
                     textInputContainerStyles={styles.borderNone}
-                    inputStyle={[styles.searchInputStyle, inputWidth, styles.pl3, styles.pr3]}
+                    inputStyle={[inputWidth, styles.pl3, styles.pr3]}
                     onFocus={() => {
                         setIsFocused(true);
                         routerListRef?.current?.updateExternalTextInputFocus(true);
diff --git a/src/styles/index.ts b/src/styles/index.ts
index 5187ff54f2fb..a941f50fc699 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -3615,6 +3615,7 @@ const styles = (theme: ThemeColors) =>
         },
 
         searchInputStyle: {
+            color: theme.textSupporting,
             fontSize: 13,
             lineHeight: 16,
         },