individual moment heading style

1 files changed, 5 insertions, 2 deletions

diff --git a/src/components/moments/IndividualMomentTitleBar.tsx b/src/components/moments/IndividualMomentTitleBar.tsx
index bd5b307f..6cdfe0e8 100644
--- a/src/components/moments/IndividualMomentTitleBar.tsx
+++ b/src/components/moments/IndividualMomentTitleBar.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import {TouchableOpacity} from 'react-native';
 import {Text, View, StyleSheet, ViewProps} from 'react-native';
+import {normalize} from '../../utils';
 import CloseIcon from '../../assets/ionicons/close-outline.svg';
 
 interface IndividualMomentTitleBarProps extends ViewProps {
@@ -30,9 +31,11 @@ const styles = StyleSheet.create({
     height: '5%',
   },
   header: {
-    fontSize: 20,
-    fontWeight: 'bold',
     color: 'white',
+    fontSize: normalize(18),
+    fontWeight: '700',
+    lineHeight: normalize(21.48),
+    letterSpacing: normalize(1.3),
   },
   closeButton: {
     position: 'absolute',