1 files changed, 18 insertions, 13 deletions
diff --git a/src/screens/upload/EditMedia.tsx b/src/screens/upload/EditMedia.tsx
index 92b93888..1d42e675 100644
--- a/src/screens/upload/EditMedia.tsx
+++ b/src/screens/upload/EditMedia.tsx
@@ -340,8 +340,12 @@ export const EditMedia: React.FC<EditMediaProps> = ({route, navigation}) => {
         </View>
       )}
       <View style={styles.bottomContainer}>
-        <SaveButton onPress={() => processVideo(saveImageToGallery)} />
+        <SaveButton
+          style={styles.saveButton}
+          onPress={() => processVideo(saveImageToGallery)}
+        />
         <TaggSquareButton
+          style={styles.button}
           onPress={() =>
             processVideo((uri) =>
               navigation.navigate('CaptionScreen', {
@@ -355,10 +359,9 @@ export const EditMedia: React.FC<EditMediaProps> = ({route, navigation}) => {
             )
           }
           title={'Next'}
-          buttonStyle={'normal'}
+          buttonStyle={'large'}
           buttonColor={'blue'}
           labelColor={'white'}
-          style={styles.button}
           labelStyle={styles.buttonLabel}
         />
       </View>
@@ -379,14 +382,20 @@ const styles = StyleSheet.create({
     zIndex: 1,
     marginLeft: '5%',
   },
+  bottomContainer: {
+    width: SCREEN_WIDTH * 0.8,
+    justifyContent: 'space-between',
+    marginBottom: SCREEN_HEIGHT * 0.1,
+    alignItems: 'center',
+    alignSelf: 'center',
+    flexDirection: 'row',
+  },
+  saveButton: {
+    width: 50,
+  },
   button: {
-    zIndex: 1,
-    position: 'absolute',
-    bottom: normalize(20),
-    right: normalize(15),
     width: normalize(108),
-    height: normalize(25),
-    borderRadius: 10,
+    height: normalize(36),
   },
   buttonLabel: {
     fontWeight: '700',
@@ -432,10 +441,6 @@ const styles = StyleSheet.create({
     width: 25,
     height: 25,
   },
-  bottomContainer: {
-    width: SCREEN_WIDTH * 0.7,
-    justifyContent: 'space-between',
-  },
 });
 
 export default EditMedia;