1 files changed, 9 insertions, 6 deletions
diff --git a/src/view/com/composer/SelectedPhoto.tsx b/src/view/com/composer/SelectedPhoto.tsx
index 393c0b573..dd508fe1f 100644
--- a/src/view/com/composer/SelectedPhoto.tsx
+++ b/src/view/com/composer/SelectedPhoto.tsx
@@ -25,12 +25,12 @@ export const SelectedPhoto = ({
   )
 
   return selectedPhotos.length !== 0 ? (
-    <View testID="selectedPhotosView" style={styles.imageContainer}>
+    <View testID="selectedPhotosView" style={styles.gallery}>
       {selectedPhotos.length !== 0 &&
         selectedPhotos.map((item, index) => (
           <View
             key={`selected-image-${index}`}
-            style={[styles.image, imageStyle]}>
+            style={[styles.imageContainer, imageStyle]}>
             <TouchableOpacity
               testID="removePhotoButton"
               onPress={() => handleRemovePhoto(item)}
@@ -54,16 +54,17 @@ export const SelectedPhoto = ({
 }
 
 const styles = StyleSheet.create({
-  imageContainer: {
+  gallery: {
     flex: 1,
     flexDirection: 'row',
     marginTop: 16,
   },
+  imageContainer: {
+    margin: 2,
+  },
   image: {
-    resizeMode: 'contain',
+    resizeMode: 'cover',
     borderRadius: 8,
-    margin: 2,
-    backgroundColor: colors.gray1,
   },
   image250: {
     width: 250,
@@ -88,5 +89,7 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     backgroundColor: colors.black,
     zIndex: 1,
+    borderColor: colors.gray4,
+    borderWidth: 0.5,
   },
 })