diff --git a/app/components/channel_drawer/channels_list/channels_list.js b/app/components/channel_drawer/channels_list/channels_list.js
index 66e056fae..0d65b42af 100644
--- a/app/components/channel_drawer/channels_list/channels_list.js
+++ b/app/components/channel_drawer/channels_list/channels_list.js
@@ -140,6 +140,13 @@ class ChannelsList extends React.PureComponent {
             );
         }
 
+        const searchBarInput = {
+            backgroundColor: changeOpacity(theme.sidebarHeaderTextColor, 0.2),
+            color: theme.sidebarHeaderTextColor,
+            fontSize: 15,
+            lineHeight: 66
+        };
+
         const title = (
             <View style={styles.searchContainer}>
                 <SearchBar
@@ -148,7 +155,7 @@ class ChannelsList extends React.PureComponent {
                     cancelTitle={intl.formatMessage({id: 'mobile.post.cancel', defaultMessage: 'Cancel'})}
                     backgroundColor='transparent'
                     inputHeight={33}
-                    inputStyle={styles.searchBarInput}
+                    inputStyle={searchBarInput}
                     placeholderTextColor={changeOpacity(theme.sidebarHeaderTextColor, 0.5)}
                     tintColorSearch={changeOpacity(theme.sidebarHeaderTextColor, 0.5)}
                     tintColorDelete={changeOpacity(theme.sidebarHeaderTextColor, 0.5)}
@@ -268,12 +275,6 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
                 }
             })
         },
-        searchBarInput: {
-            backgroundColor: changeOpacity(theme.sidebarHeaderTextColor, 0.2),
-            color: theme.sidebarHeaderTextColor,
-            fontSize: 15,
-            lineHeight: 66
-        },
         divider: {
             backgroundColor: changeOpacity(theme.sidebarText, 0.1),
             height: 1
diff --git a/app/screens/search/search.js b/app/screens/search/search.js
index d2d6b79f0..f9d8fb222 100644
--- a/app/screens/search/search.js
+++ b/app/screens/search/search.js
@@ -590,6 +590,13 @@ class Search extends PureComponent {
             );
         }
 
+        const searchBarInput = {
+            backgroundColor: changeOpacity(theme.sidebarHeaderTextColor, 0.2),
+            color: theme.sidebarHeaderTextColor,
+            fontSize: 15,
+            lineHeight: 66
+        };
+
         return (
             <SafeAreaView
                 excludeHeader={isLandscape && this.isX}
@@ -605,7 +612,7 @@ class Search extends PureComponent {
                             cancelTitle={intl.formatMessage({id: 'mobile.post.cancel', defaultMessage: 'Cancel'})}
                             backgroundColor='transparent'
                             inputHeight={Platform.OS === 'ios' ? 33 : 46}
-                            inputStyle={style.searchBarInput}
+                            inputStyle={searchBarInput}
                             placeholderTextColor={changeOpacity(theme.sidebarHeaderTextColor, 0.5)}
                             selectionColor={changeOpacity(theme.sidebarHeaderTextColor, 0.5)}
                             tintColorSearch={changeOpacity(theme.sidebarHeaderTextColor, 0.5)}
@@ -658,12 +665,6 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme) => {
                 }
             })
         },
-        searchBarInput: {
-            backgroundColor: changeOpacity(theme.sidebarHeaderTextColor, 0.2),
-            color: theme.sidebarHeaderTextColor,
-            fontSize: 15,
-            lineHeight: 66
-        },
         searchBarContainer: {
             padding: 0
         },