ui fix

src/screens/profile/Profile.tsx

@@ -660,7 +660,7 @@ const Profile = () => {
                       onPress={() => setEditing(false)}
                       icon="close"
                       style={styles.cancelButton}
-                      buttonBackground=""
+                      buttonBackground={colors.white }
                     />
                   </View>
 
@@ -756,12 +756,14 @@ const styles = StyleSheet.create({
     width: "80%",
     paddingHorizontal: 10,
     borderRadius: 25,
+    elevation: 5,
+
   },
   detailsSection: {
     marginBottom: "40%",
   },
   sectionTitle: {
-    fontSize: 18,
+    fontSize: 18, 
     fontWeight: "700",
     color: "#1e293b",
     // marginBottom: 16,
@@ -777,6 +779,7 @@ const styles = StyleSheet.create({
   },
   detailIcon: {
     marginRight: 12,
+    elevation:5 
   },
   detailLabel: {
     fontSize: 12,
@@ -789,7 +792,9 @@ const styles = StyleSheet.create({
     fontWeight: "500",
   },
   editButton: {
-    paddingHorizontal: 8,
+    elevation:5,
+    paddingHorizontal: 10,
+    borderRadius: 15,
   },
   editSection: {
     marginBottom: '100%',