From 64a2de82432bfc37aa8a6425ae3835719bf54ed7 Mon Sep 17 00:00:00 2001
From: Andre Vasconcelos <andre.onogoro@gmail.com>
Date: Wed, 29 Apr 2020 18:26:57 +0900
Subject: [PATCH] Fixing improper padding of searchBar container (#4212)

* Fixing improper padding of searchBar container

* Ensures leftComponent is hidden after animation
---
 app/components/sidebars/main/channels_list/channels_list.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/components/sidebars/main/channels_list/channels_list.js b/app/components/sidebars/main/channels_list/channels_list.js
index c2c567103..2608ddd30 100644
--- a/app/components/sidebars/main/channels_list/channels_list.js
+++ b/app/components/sidebars/main/channels_list/channels_list.js
@@ -12,7 +12,7 @@ import MaterialIcon from 'react-native-vector-icons/MaterialIcons';
 
 import SearchBar from 'app/components/search_bar';
 import {ViewTypes} from 'app/constants';
-import {paddingHorizontal as padding} from 'app/components/safe_area_view/iphone_x_spacing';
+import {paddingLeft as padding} from 'app/components/safe_area_view/iphone_x_spacing';
 import {
     changeOpacity,
     makeStyleSheetFromTheme,
@@ -228,6 +228,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
         searchContainer: {
             flex: 1,
             flexDirection: 'row',
+            overflow: 'hidden',
             ...Platform.select({
                 android: {
                     marginBottom: 1,