diff --git a/app/(tabs)/explore.tsx b/app/(tabs)/explore.tsx
index 95b4171..bbfbc20 100644
--- a/app/(tabs)/explore.tsx
+++ b/app/(tabs)/explore.tsx
@@ -2,7 +2,6 @@ import {
   StyleSheet,
   ScrollView,
   SafeAreaView,
-  View,
   StatusBar,
   Image,
   TouchableOpacity
@@ -20,7 +19,7 @@ export default function ExploreScreen() {
 
   return (
     <SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background,}}>
-      <View style={styles.container}>
+      <ThemedView style={styles.container}>
         <ScrollView>
           <ThemedView style={styles.titleContainer}>
             <ThemedText type="title">Wat moet waar?</ThemedText>
@@ -64,7 +63,7 @@ export default function ExploreScreen() {
             </TouchableOpacity>
           </ThemedView>
         </ScrollView>
-      </View>
+      </ThemedView>
     </SafeAreaView>
   );
 }
diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx
index 90cf9e8..d174fe0 100644
--- a/app/(tabs)/index.tsx
+++ b/app/(tabs)/index.tsx
@@ -14,7 +14,7 @@ export default function HomeScreen() {
 
   return (
     <SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background,}}>
-      <View style={styles.container}>
+      <ThemedView style={styles.container}>
         <ScrollView>
           <ThemedView style={styles.titleContainer}>
             <ThemedText type="title">{ getGreeting() },</ThemedText>
@@ -71,7 +71,7 @@ export default function HomeScreen() {
             </View>
           </ThemedView>
         </ScrollView>
-      </View>
+      </ThemedView>
     </SafeAreaView>
   );
 }
diff --git a/app/(tabs)/map.tsx b/app/(tabs)/map.tsx
index 0706d66..74a98a8 100644
--- a/app/(tabs)/map.tsx
+++ b/app/(tabs)/map.tsx
@@ -49,7 +49,7 @@ export default function MapScreen() {
 
   const renderListItem = (item: any, index: any) => {
     return (
-      <View style={styles.listItem} key={index}>
+      <ThemedView style={styles.listItem} key={index}>
         <View style={styles.listItemTitle}>
           <Image source={item.image} style={styles.listImage}/>
           <ThemedText type="default">{item.name}</ThemedText>
@@ -61,7 +61,7 @@ export default function MapScreen() {
           value={item.isEnabled}
           onValueChange={() => toggleSwitch(index)}
         />
-      </View>
+      </ThemedView>
     );
   };
 
@@ -87,7 +87,7 @@ export default function MapScreen() {
 
   return (
     <SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background}}>
-      <View style={styles.container}>
+      <ThemedView style={styles.container}>
         <ScrollView>
           <ThemedView style={styles.titleContainer}>
             <ThemedText type="title">Afvalcontainers</ThemedText>
@@ -113,7 +113,7 @@ export default function MapScreen() {
             { renderList() }
           </ThemedView>
         </ScrollView>
-      </View>
+      </ThemedView>
     </SafeAreaView>
   );
 }