Fix scrolling in explore tab

app/(tabs)/explore.tsx

@@ -73,9 +73,9 @@ export default function ExploreScreen() {
   };
 
   return (
-    <SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background,}}>
-      <ScrollView>
-        <ThemedView style={styles.container}>
+    <SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background}}>
+      <ThemedView>
+        <ScrollView style={styles.container}>
           <ThemedView style={styles.titleContainer}>
             <ThemedText type="title">Wat moet waar?</ThemedText>
           </ThemedView>
@@ -121,8 +121,8 @@ export default function ExploreScreen() {
               )}
             />
           </ThemedView>
-        </ThemedView>
-      </ScrollView>
+        </ScrollView>
+      </ThemedView>
 
       <Modal isVisible={activeCategory !== null}>
         <ThemedView style={{...styles.modalView, backgroundColor: Colors[colorScheme].background}}>
@@ -151,8 +151,8 @@ export default function ExploreScreen() {
 
 const styles = StyleSheet.create({
   container: {
-    padding: 25,
     marginTop: StatusBar.currentHeight,
+    padding: 25,
   },
   titleContainer: {
     flexDirection: 'row',
@@ -168,6 +168,7 @@ const styles = StyleSheet.create({
   },
   listContainer: {
     marginTop: 10,
+    paddingBottom: 50
   },
   listItem: {
     flex: 1,