1 files changed, 12 insertions, 11 deletions
diff --git a/src/screens/moments/CameraScreen.tsx b/src/screens/moments/CameraScreen.tsx
index 4c2633a3..8a88d95e 100644
--- a/src/screens/moments/CameraScreen.tsx
+++ b/src/screens/moments/CameraScreen.tsx
@@ -103,10 +103,7 @@ const CameraScreen: React.FC<CameraScreenProps> = ({route, navigation}) => {
       <FlashButton flashMode={flashMode} setFlashMode={setFlashMode} />
       <RNCamera
         ref={cameraRef}
-        style={{
-          flex: 1,
-          justifyContent: 'space-between',
-        }}
+        style={styles.camera}
         type={cameraType}
         flashMode={flashMode}
       />
@@ -123,13 +120,7 @@ const CameraScreen: React.FC<CameraScreenProps> = ({route, navigation}) => {
           style={styles.captureButtonContainer}>
           <View style={styles.captureButton} />
         </TouchableOpacity>
-        <View
-          style={{
-            flexDirection: 'column',
-            justifyContent: 'center',
-            alignItems: 'center',
-            width: (SCREEN_WIDTH - 100) / 2,
-          }}>
+        <View style={styles.bottomRightContainer}>
           {capturedImage ? (
             <TaggSquareButton
               onPress={handleNext}
@@ -154,6 +145,10 @@ const CameraScreen: React.FC<CameraScreenProps> = ({route, navigation}) => {
 };
 
 const styles = StyleSheet.create({
+  camera: {
+    flex: 1,
+    justifyContent: 'space-between',
+  },
   container: {
     flex: 1,
     flexDirection: 'column',
@@ -195,6 +190,12 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'center',
   },
+  bottomRightContainer: {
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: (SCREEN_WIDTH - 100) / 2,
+  },
   nextButton: {
     zIndex: 1,
     width: normalize(100),