diff --git a/app/_layout.tsx b/app/_layout.tsx
index 8a4b149..d6672d1 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -3,6 +3,7 @@ import {StyleSheet, View} from "react-native"
 
 import { FontAwesome } from "@expo/vector-icons";
 import {useThemeColor} from "../hooks/hooks";
+import React from "react";
 
 export default function Layout() {
     // const selectedColor: string = useThemeColor( "tabIconSelected");
diff --git a/app/index.tsx b/app/index.tsx
index 433ab4d..12a8f79 100644
--- a/app/index.tsx
+++ b/app/index.tsx
@@ -1,5 +1,6 @@
-import { StyleSheet, View, Text, NativeSyntheticEvent, NativeScrollEvent, SafeAreaView } from 'react-native';
+import { StyleSheet, View, Text, NativeSyntheticEvent, NativeScrollEvent} from 'react-native';
 import { useThemeColor } from "../hooks/hooks";
+import { SafeAreaView } from 'react-native-safe-area-context'
 import { ExpenseItem, Plus, Welcome } from '../components';
 import { FlatList } from 'react-native-gesture-handler';
 import { useRef, useState } from 'react';
diff --git a/components/home/Welcome/Welcome.tsx b/components/home/Welcome/Welcome.tsx
index 4e3762c..757be58 100644
--- a/components/home/Welcome/Welcome.tsx
+++ b/components/home/Welcome/Welcome.tsx
@@ -2,6 +2,7 @@ import { View, Text, ViewProps, Image, GestureResponderEvent } from 'react-nativ
 import React from 'react'
 import { MARGINS, SIZES, SHADOWS } from '../../../constants/theme'
 import { TouchableOpacity } from 'react-native-gesture-handler'
+import { useThemeColor } from '../../../hooks/hooks'
 
 type WelcomeProps = ViewProps & {name: string, image : any, onPress: () => void | undefined}
 
@@ -32,6 +33,8 @@ export default function Welcome(props: WelcomeProps) {
   const timeOfDay = getTimeOfDay(date)
   const onpress = props.onPress
 
+  const textcolor = useThemeColor("primaryText")
+
   return (
     <View style={{
       marginVertical: 20,
@@ -52,6 +55,7 @@ export default function Welcome(props: WelcomeProps) {
         </TouchableOpacity>
         <Text style={{
           fontSize: SIZES.xlarge,
+          color: textcolor
         }}>{dateString}</Text>
       </View>
       <View style={{
@@ -59,6 +63,7 @@ export default function Welcome(props: WelcomeProps) {
       }}>
         <Text style={{
           fontSize: SIZES.xlarge,
+          color: textcolor
         }}>Good {timeOfDay}, {props.name}</Text>
         </View>
     </View>