1 files changed, 12 insertions, 11 deletions

diff --git a/src/components/moments/Moment.tsx b/src/components/moments/Moment.tsx
index e972a1ca..2ac6aebb 100644
--- a/src/components/moments/Moment.tsx
+++ b/src/components/moments/Moment.tsx
@@ -12,7 +12,7 @@ import PlusIcon from '../../assets/icons/plus_icon-01.svg';
 import BigPlusIcon from '../../assets/icons/plus_icon-02.svg';
 import UpIcon from '../../assets/icons/up_icon.svg';
 import {TAGG_LIGHT_BLUE} from '../../constants';
-import {ERROR_UPLOAD_MOMENT_SHORT} from '../../constants/strings';
+import {ERROR_UPLOAD} from '../../constants/strings';
 import {normalize, SCREEN_WIDTH} from '../../utils';
 import MomentTile from './MomentTile';
 
@@ -69,7 +69,7 @@ const Moment: React.FC<MomentProps> = ({
       })
       .catch((err) => {
         if (err.code && err.code !== 'E_PICKER_CANCELLED') {
-          Alert.alert(ERROR_UPLOAD_MOMENT_SHORT);
+          Alert.alert(ERROR_UPLOAD);
         }
       });
   };
@@ -81,14 +81,14 @@ const Moment: React.FC<MomentProps> = ({
           {title}
         </Text>
         {!userXId ? (
-          <>
+          <View style={{flexDirection: 'row'}}>
             {showUpButton && move && (
               <UpIcon
                 width={19}
                 height={19}
                 onPress={() => move('up', title)}
                 color={TAGG_LIGHT_BLUE}
-                style={{marginLeft: 5}}
+                style={{marginHorizontal: 4}}
               />
             )}
             {showDownButton && move && (
@@ -97,31 +97,32 @@ const Moment: React.FC<MomentProps> = ({
                 height={19}
                 onPress={() => move('down', title)}
                 color={TAGG_LIGHT_BLUE}
-                style={{marginLeft: 5}}
+                style={{marginHorizontal: 4}}
               />
             )}
-          </>
+          </View>
         ) : (
           <Fragment />
         )}
-        <View style={styles.flexer} />
+        {/* <View style={styles.flexer} /> */}
         {!userXId ? (
-          <>
+          <View style={{marginRight: 8, flexDirection: 'row'}}>
             <PlusIcon
               width={21}
               height={21}
               onPress={() => navigateToImagePicker()}
               color={TAGG_LIGHT_BLUE}
-              style={{marginRight: 10}}
+              style={{marginHorizontal: 4}}
             />
             {shouldAllowDeletion && (
               <DeleteIcon
                 onPress={() => handleMomentCategoryDelete(title)}
                 width={19}
                 height={19}
+                style={{marginHorizontal: 4}}
               />
             )}
-          </>
+          </View>
         ) : (
           <React.Fragment />
         )}
@@ -171,7 +172,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   titleText: {
-    width: '80%',
+    width: '70%',
     fontSize: normalize(16),
     fontWeight: 'bold',
     color: TAGG_LIGHT_BLUE,