Remove incorrect margins for android.

app/jobs/[jobId]/_layout.tsx

@@ -14,8 +14,9 @@ function JobTabLayout(props) {
         tabBarPosition: "top",
         headerShown: false,
         animation: "shift",
+
         tabBarStyle: {
-          marginTop: -50,
+          //  marginTop: -50
         },
       }}
     >

components/jobs-list/job-list-item.jsx

@@ -2,7 +2,7 @@ import * as Haptics from "expo-haptics";
 import { useRouter } from "expo-router";
 import React, { memo, useCallback } from "react";
 import { useTranslation } from "react-i18next";
-import { Platform, Pressable, StyleSheet, View } from "react-native";
+import { Pressable, StyleSheet, View } from "react-native";
 import { IconButton, Text, useTheme } from "react-native-paper";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -49,13 +49,7 @@ function JobListItemComponent({ openImagePicker, item }) {
       onPress={onPress}
       style={({ pressed }) => [styles.pressable, pressed && { opacity: 0.85 }]}
     >
-      <View style={styles.outerShadow}>
+      <View style={styles.blurContainer}>
-        <View
-          experimentalBlurMethod="true"
-          intensity={Platform.OS === "ios" ? 30 : 0}
-          tint={theme.dark ? "dark" : "light"}
-          style={styles.blurContainer}
-        >
         {/* Translucent overlay for glass effect */}
         <View
           style={[
@@ -105,7 +99,6 @@ function JobListItemComponent({ openImagePicker, item }) {
           </View>
         </View>
       </View>
-      </View>
     </Pressable>
   );
 }
@@ -116,7 +109,7 @@ const styles = StyleSheet.create({
     marginVertical: 6,
   },
   outerShadow: {
-    borderRadius: 20,
+    borderRadius: 20, //this one
     shadowColor: "#000",
     shadowOpacity: 0.12,
     shadowRadius: 8,