diff --git a/src/screens/Onboarding/StepProfile/SelectImageButton.tsx b/src/screens/Onboarding/StepProfile/SelectImageButton.tsx
index f546dfa957..6a8ff58e5f 100644
--- a/src/screens/Onboarding/StepProfile/SelectImageButton.tsx
+++ b/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,
-  },
 })
diff --git a/src/screens/Onboarding/StepProfile/index.tsx b/src/screens/Onboarding/StepProfile/index.tsx
index 8acf07432c..3f3e0d87f6 100644
--- a/src/screens/Onboarding/StepProfile/index.tsx
+++ b/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