diff --git a/apps/mobile/app/(tabs)/index.tsx b/apps/mobile/app/(tabs)/index.tsx
index 50e4898..6759149 100644
--- a/apps/mobile/app/(tabs)/index.tsx
+++ b/apps/mobile/app/(tabs)/index.tsx
@@ -4,7 +4,7 @@ import { Text } from '@/components/ui/Text';
 export default function HomeScreen() {
   return (
     <ScreenLayout title="Home" subtitle="This is where all magic happens">
-      <Text className="text-white">Movies will be listed here</Text>
+      <Text>Movies will be listed here</Text>
     </ScreenLayout>
   );
 }
diff --git a/apps/mobile/app/(tabs)/search/Searchbar.tsx b/apps/mobile/app/(tabs)/search/Searchbar.tsx
index dfdf3eb..107ec03 100644
--- a/apps/mobile/app/(tabs)/search/Searchbar.tsx
+++ b/apps/mobile/app/(tabs)/search/Searchbar.tsx
@@ -3,7 +3,8 @@ import { useFocusEffect } from 'expo-router';
 import { useCallback, useRef, useState } from 'react';
 import { View } from 'react-native';
 import { TextInput } from 'react-native-gesture-handler';
-import Colors from '../../constants/Colors';
+
+import Colors from '@/constants/Colors';
 
 export default function Searchbar() {
   const [keyword, setKeyword] = useState('');
diff --git a/apps/mobile/app/(tabs)/search/_layout.tsx b/apps/mobile/app/(tabs)/search/_layout.tsx
index 803fd2f..5cf0f9b 100644
--- a/apps/mobile/app/(tabs)/search/_layout.tsx
+++ b/apps/mobile/app/(tabs)/search/_layout.tsx
@@ -12,7 +12,7 @@ export default function SearchScreen() {
       <ScreenLayout
         title={
           <View className="flex-row items-center">
-            <Text className="text-2xl font-bold text-white">Search</Text>
+            <Text className="text-2xl font-bold">Search</Text>
           </View>
         }
         subtitle="Looking for something?"
diff --git a/apps/mobile/app/components/item/item.tsx b/apps/mobile/app/components/item/item.tsx
index 2e6a3ec..8f01f5b 100644
--- a/apps/mobile/app/components/item/item.tsx
+++ b/apps/mobile/app/components/item/item.tsx
@@ -15,7 +15,7 @@ export default function Item() {
           className="h-full w-full object-cover"
         />
       </View>
-      <Text className="font-bold text-white">Hamilton</Text>
+      <Text className="font-bold">Hamilton</Text>
       <View className="flex-row items-center gap-3">
         <Text className="text-xs text-gray-600">Movie</Text>
         <View className="h-1 w-1 rounded-3xl bg-gray-600" />
diff --git a/apps/mobile/app/components/layout/ScreenLayout.tsx b/apps/mobile/app/components/layout/ScreenLayout.tsx
index a04d2c5..53cf6fe 100644
--- a/apps/mobile/app/components/layout/ScreenLayout.tsx
+++ b/apps/mobile/app/components/layout/ScreenLayout.tsx
@@ -12,10 +12,10 @@ export default function ScreenLayout({ title, subtitle, children }: Props) {
   return (
     <View className="bg-shade-900 flex-1 p-12">
       {typeof title === 'string' && (
-        <Text className="text-2xl font-bold text-white">{title}</Text>
+        <Text className="text-2xl font-bold">{title}</Text>
       )}
       {typeof title !== 'string' && title}
-      <Text className="mt-1 text-sm font-bold text-white">{subtitle}</Text>
+      <Text className="mt-1 text-sm font-bold">{subtitle}</Text>
       <View className="py-3">{children}</View>
     </View>
   );