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, + ]} /> )