Title Header Alignment Fixes

components/atoms/Header.js

@@ -1,6 +1,7 @@
 import { StyleSheet, Text, View } from 'react-native'
 import React from 'react'
 import fonts from '../../theme/fonts'
+import colors from '../../theme/colors'
 
 
 const Header = ({style,children}) => {
@@ -20,6 +21,7 @@ const styles = StyleSheet.create({
         alignItems:'center',
         justifyContent:'space-between',
         height: 60,
-        maxHeight: 60
+        maxHeight: 60,
+        backgroundColor: colors.white
     }
 })

components/organisms/Headers/NewscoutTitleHeader.js

@@ -11,7 +11,7 @@ const NewscoutTitleHeader = ({ title, titleStyle, children, backButtonShown, onB
             <View style={styles.titleContainer}>
                 {backButtonShown === true && backButtonShown !== undefined ? <TouchableOpacity onPress={onBackClick}>
                     <FeatherIcon name={'chevron-left'} size={24} color={colors.black} />
-                </TouchableOpacity> : <View></View>}
+                </TouchableOpacity> : <></>}
                 
                 <Text style={[styles.title, titleStyle]}>{title ?? "Title"}</Text>
             </View>
@@ -30,6 +30,8 @@ const styles = StyleSheet.create({
     },
     titleContainer:{
         flexDirection:'row',
+        alignItems:'center',
+        gap: 8
 
     }
 })