Update from MinhNN

app/(tabs)/tripInfo.tsx

@@ -10,7 +10,7 @@ import { SafeAreaView } from "react-native-safe-area-context";
 
 export default function TripInfoScreen() {
   return (
-    <SafeAreaView style={{ flex: 1 }}>
+    <SafeAreaView style={styles.safeArea} edges={["top", "left", "right"]}>
       <View style={styles.header}>
         <Text style={styles.titleText}>Thông Tin Chuyến Đi</Text>
         <View style={styles.buttonWrapper}>
@@ -34,6 +34,10 @@ export default function TripInfoScreen() {
 }
 
 const styles = StyleSheet.create({
+  safeArea: {
+    flex: 1,
+    paddingBottom: 5,
+  },
   scrollContent: {
     flexGrow: 1,
   },
@@ -57,6 +61,7 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     gap: 10,
     marginTop: 15,
+    marginBottom: 15,
   },
   titleText: {
     fontSize: 32,