diff --git a/app/components/sidebars/main/channels_list/channels_list.js b/app/components/sidebars/main/channels_list/channels_list.js
index fee7ba74e..1c3d2890e 100644
--- a/app/components/sidebars/main/channels_list/channels_list.js
+++ b/app/components/sidebars/main/channels_list/channels_list.js
@@ -135,7 +135,7 @@ export default class ChannelsList extends PureComponent {
                     backgroundColor='transparent'
                     inputHeight={33}
                     inputStyle={searchBarInput}
-                    containerStyle={styles.flex}
+                    containerStyle={styles.searchBar}
                     placeholderTextColor={changeOpacity(theme.sidebarHeaderTextColor, 0.5)}
                     tintColorSearch={changeOpacity(theme.sidebarHeaderTextColor, 0.5)}
                     tintColorDelete={changeOpacity(theme.sidebarHeaderTextColor, 0.5)}
@@ -173,9 +173,6 @@ export default class ChannelsList extends PureComponent {
 
 const getStyleSheet = makeStyleSheetFromTheme((theme) => {
     return {
-        flex: {
-            flex: 1,
-        },
         above: {
             backgroundColor: theme.mentionBg,
             top: 40,
@@ -229,6 +226,10 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
             right: 10,
             top: 10,
         },
+        searchBar: {
+            flex: 1,
+            overflow: 'visible',
+        },
         searchContainer: {
             flex: 1,
             flexDirection: 'row',