adjustments

src/screens/Onboarding/StepProfile/SelectImageButton.tsx

@@ -82,11 +82,4 @@ const styles = StyleSheet.create({
     width: 80,
     marginHorizontal: 5,
   },
-  flatListOuter: {
-    height: 100,
-  },
-  flatListContainer: {
-    paddingLeft: 40,
-    paddingRight: 40,
-  },
 })

src/screens/Onboarding/StepProfile/index.tsx

@@ -334,9 +334,13 @@ function Items({type}: {type: 'emojis' | 'colors'}) {
         data={type === 'colors' ? colors : emojiNames}
         renderItem={type === 'colors' ? colorRenderItem : emojiRenderItem}
         ref={ref}
-        {...commonFlatListProps}
         onLayout={onLayout}
         onContentSizeChange={onContentSizeChanged}
+        style={[isTabletOrDesktop && {marginHorizontal: 10}]}
+        contentContainerStyle={
+          !isTabletOrDesktop ? styles.flatListContainer : undefined
+        }
+        {...commonFlatListProps}
       />
       {isTabletOrDesktop && (
         <Pressable