From 4c812fb70ca8c5dc00a1ccf14896fc746a2ef26b Mon Sep 17 00:00:00 2001
From: Bruno Lemos <brunohplemos@gmail.com>
Date: Thu, 7 Mar 2019 08:57:43 -0300
Subject: [PATCH] [Mobile] Fix wrong scroll positioning

---
 packages/components/src/components/columns/Columns.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/components/src/components/columns/Columns.tsx b/packages/components/src/components/columns/Columns.tsx
index 7cf576cd..2c2440a7 100644
--- a/packages/components/src/components/columns/Columns.tsx
+++ b/packages/components/src/components/columns/Columns.tsx
@@ -29,7 +29,6 @@ const styles = StyleSheet.create({
   },
   flatlist: {
     flex: 1,
-    marginHorizontal: -separatorTickSize / 2,
   },
 })
 
@@ -108,7 +107,13 @@ export const Columns = React.memo((props: ColumnsProps) => {
         scrollEnabled={!swipeable}
         {...otherProps}
         renderItem={renderItem}
-        style={[styles.flatlist, style]}
+        style={[
+          styles.flatlist,
+          sizename > '1-small' && {
+            marginHorizontal: -separatorTickSize / 2,
+          },
+          style,
+        ]}
       />
     </>
   )