Merge pull request #50815 from Expensify/cmartins-fixTextStyles

Fix router input styles
Expensify · Oct 15, 2024 · 26a9fc4 · 26a9fc4
2 parents aaae0f1 + e6d02c2
commit 26a9fc4
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 2 deletions.
diff --git 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}
                     />

diff --git 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
@@ -3635,6 +3635,7 @@ const styles = (theme: ThemeColors) =>
         searchRouterInputResultsFocused: {
             borderWidth: 1,
             borderColor: theme.success,
+            backgroundColor: theme.appBG,
         },
 
         searchTableHeaderActive: {