2 files changed, 7 insertions, 6 deletions
diff --git a/src/components/moments/Moment.tsx b/src/components/moments/Moment.tsx
index 0c8febcf..e928f7e0 100644
--- a/src/components/moments/Moment.tsx
+++ b/src/components/moments/Moment.tsx
@@ -80,7 +80,7 @@ const Moment: React.FC<MomentProps> = ({
             <LinearGradient
               colors={['rgba(105, 141, 211, 1)', 'rgba(105, 141, 211, 0.3)']}>
               <View style={styles.defaultImage}>
-                <BigPlusIcon width={50} height={50} />
+                <BigPlusIcon width={24} height={24} />
                 <Text style={styles.defaultImageText}>
                   Add a moment of your {title.toLowerCase()}!
                 </Text>
@@ -101,7 +101,7 @@ const styles = StyleSheet.create({
   },
   header: {
     flex: 1,
-    paddingHorizontal: 10,
+    paddingLeft: '3%',
     padding: 5,
     paddingTop: 20,
     backgroundColor: 'white',
@@ -115,7 +115,7 @@ const styles = StyleSheet.create({
     color: TAGG_TEXT_LIGHT_BLUE,
   },
   scrollContainer: {
-    height: SCREEN_WIDTH / 2,
+    height: SCREEN_WIDTH / 3.25,
     backgroundColor: '#eee',
   },
   defaultImage: {
@@ -126,11 +126,11 @@ const styles = StyleSheet.create({
     flexDirection: 'column',
   },
   defaultImageText: {
-    fontSize: 20,
-    paddingTop: 20,
+    fontSize: 14,
+    paddingTop: 10,
     color: 'white',
     fontWeight: 'bold',
-    width: '75%',
+    width: '80%',
     textAlign: 'center',
   },
 });
diff --git a/src/components/moments/MomentTile.tsx b/src/components/moments/MomentTile.tsx
index cc24c531..05ccfa15 100644
--- a/src/components/moments/MomentTile.tsx
+++ b/src/components/moments/MomentTile.tsx
@@ -39,6 +39,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
     flexDirection: 'column',
+    marginRight: 5,
   },
 });
 export default MomentTile;