diff --git a/src/screens/cover/PouchReady.js b/src/screens/cover/PouchReady.js index 9226b90..52b6a1f 100644 --- a/src/screens/cover/PouchReady.js +++ b/src/screens/cover/PouchReady.js @@ -322,7 +322,8 @@ const PouchReady = () => { flexDirection: isWeb ? 'row' : 'column', gap: 16, justifyContent: 'center', - flexWrap: 'wrap', + flexWrap: isWeb ? 'wrap' : 'nowrap', + alignItems: isWeb ? 'flex-start' : 'center', }} > {displayOptions.length > 0 ? ( @@ -679,7 +680,8 @@ const styles = StyleSheet.create({ maxWidth: 320, }, coverOptionCardMobile: { - width: '100%', + width: 150, + alignSelf: 'center', }, coverOptionCardSelected: { borderColor: Palette.primary,