diff --git a/src/components/ProductItem/index.tsx b/src/components/ProductItem/index.tsx
index 675fb4e..c558c29 100644
--- a/src/components/ProductItem/index.tsx
+++ b/src/components/ProductItem/index.tsx
@@ -16,24 +16,24 @@ export default function ProductItem({ product, isDetailed, isCartItem }: TProduc
 
     return (
         <View style={[styles.container, { borderWidth: isDetailed ? 0 : 1 }]}>
-            <Image
+            {product?.image && <Image
                 resizeMode='cover'
                 style={[styles.imageContainer, { width: isDetailed ? 150 : 70, height: isDetailed ? 150 : 70 }]}
-                source={{ uri: product?.image }}
-            />
+                source={{ uri: product.image }}
+            />}
             <View style={{ flexDirection: 'column', flex: 1 }}>
                 <Text style={styles.title}>{product?.title ?? ''}</Text>
                 <Text style={styles.price}>{product?.price ? '$' + product.price : ''}</Text>
             </View>
             {isCartItem && <View style={styles.actionsContainer}>
                 <TouchableOpacity style={styles.actionBox} onPress={() => dispatch(add(product))}>
-                    <Text style={{ fontSize: 15 }}>+</Text>
+                    <Text style={{ fontSize: 15, color: '#000' }}>+</Text>
                 </TouchableOpacity>
                 <View style={styles.actionBox}>
                     <Text style={styles.counter}>{addedItem?.quantity ?? 0}</Text>
                 </View>
                 <TouchableOpacity style={styles.actionBox} onPress={() => dispatch(remove(product))}>
-                    <Text style={{ fontSize: 15 }}>-</Text>
+                    <Text style={{ fontSize: 15, color: '#000' }}>-</Text>
                 </TouchableOpacity>
             </View>}
         </View>
@@ -79,6 +79,7 @@ const styles = StyleSheet.create({
         borderRadius: 4,
     },
     counter: {
-        fontSize: 15
+        fontSize: 15,
+        color: '#000'
     },
 });
\ No newline at end of file
diff --git a/src/screens/CartScreen.tsx b/src/screens/CartScreen.tsx
index 5df827a..9a316b1 100644
--- a/src/screens/CartScreen.tsx
+++ b/src/screens/CartScreen.tsx
@@ -48,6 +48,7 @@ const styles = StyleSheet.create({
     },
     totalText: {
         fontSize: 20,
-        fontWeight: '600'
+        fontWeight: '600',
+        color: '#000'
     }
 });
\ No newline at end of file
diff --git a/src/screens/ProductDetails.tsx b/src/screens/ProductDetails.tsx
index c0a278b..6cc7719 100644
--- a/src/screens/ProductDetails.tsx
+++ b/src/screens/ProductDetails.tsx
@@ -48,13 +48,13 @@ export default function ProductDetails() {
             </ScrollView>
             <View style={styles.actionsContainer}>
                 <TouchableOpacity style={styles.actionBox} onPress={() => handleRemoveFromCart(product!)}>
-                    <Text style={{ fontSize: 30 }}>-</Text>
+                    <Text style={{ fontSize: 30, color: '#000' }}>-</Text>
                 </TouchableOpacity>
                 <View style={styles.actionBox}>
                     <Text style={styles.counter}>{addedItem?.quantity ?? 0}</Text>
                 </View>
                 <TouchableOpacity style={styles.actionBox} onPress={() => handleAddToCart(product!)}>
-                    <Text style={{ fontSize: 30 }}>+</Text>
+                    <Text style={{ fontSize: 30, color: '#000' }}>+</Text>
                 </TouchableOpacity>
             </View>
             <TouchableOpacity
@@ -71,7 +71,8 @@ const styles = StyleSheet.create({
     description: {
         paddingHorizontal: 20,
         fontSize: 16,
-        fontWeight: '400'
+        fontWeight: '400',
+        color: '#000'
     },
     actionsContainer: {
         flexDirection: 'row',
@@ -89,7 +90,8 @@ const styles = StyleSheet.create({
         borderRadius: 4,
     },
     counter: {
-        fontSize: 20
+        fontSize: 20,
+        color: '#000'
     },
     addButton: {
         justifyContent: 'center',