Remove flex style from Stack and Button

Author: maurobender

example/src/App.tsx

@@ -21,7 +21,7 @@ const styles = StyleSheet.create( {
 		flex: 1,
 		alignItems: 'flex-start',
 		justifyContent: 'flex-start',
-		marginHorizontal: 16
+		width: '100%'
 	},
 	scroll: {
 		flexGrow: 1,
@@ -102,8 +102,8 @@ export default function App() {
 	return (
 		<ThemeProvider theme={customTheme}>
 			<SafeAreaView style={styles.container}>
-				<ScrollView contentContainerStyle={styles.scroll}>
-					<VStack>
+				<ScrollView contentContainerStyle={styles.scroll} style={{ width: '100%' }}>
+					<VStack marginX="3">
 						<PaletteColorGrid />
 						<TextExamples />
 						<BoxExamples />

src/components/main/Stack/Stack.tsx

@@ -24,7 +24,6 @@ const Stack = ( {
 
 	return (
 		<Box
-			flex={1}
 			alignContent='stretch'
 			{...restProps}
 			flexDirection={flexDirection}

src/core/theme/defaultTheme/components/Button.ts

@@ -1,6 +1,5 @@
 export default {
 	defaultProps: {
-		flex: 1,
 		bg: 'white',
 		borderColor: 'black',
 		borderWidth: '2',