diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
index 7ba83a2..cbde07f 100644
--- a/android/app/src/main/res/values/styles.xml
+++ b/android/app/src/main/res/values/styles.xml
@@ -4,6 +4,7 @@
     <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
         <!-- Customize your theme here. -->
         <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
+        <item name="android:windowOptOutEdgeToEdgeEnforcement">true</item>
     </style>
 
 </resources>
diff --git a/app/App.tsx b/app/App.tsx
index a8d5695..320c4c6 100644
--- a/app/App.tsx
+++ b/app/App.tsx
@@ -7,7 +7,7 @@
 
 import React, { useRef } from 'react';
 import { StatusBar } from 'react-native';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
 import { NavigationContainer, NavigationContainerRef } from '@react-navigation/native';
 import { theme } from './theme/theme';
 import { RootStackNavigator, setNavigationRef } from './navigation';
@@ -184,6 +184,7 @@ function AppContent() {
 
   return (
     <SafeAreaProvider>
+      <SafeAreaView style={{flex:1}} edges={['top', 'left', 'right']} >
       <NavigationContainer ref={navigationRef}>
         <StatusBar
           barStyle="dark-content"                    // Dark text on light background
@@ -195,6 +196,7 @@ function AppContent() {
           bottomOffset={20} 
         />
       </NavigationContainer>
+      </SafeAreaView>
     </SafeAreaProvider>
   );
 }
diff --git a/app/modules/AIPrediction/screens/AIPredictionDetailScreen.tsx b/app/modules/AIPrediction/screens/AIPredictionDetailScreen.tsx
index 633d785..f3e6f9d 100644
--- a/app/modules/AIPrediction/screens/AIPredictionDetailScreen.tsx
+++ b/app/modules/AIPrediction/screens/AIPredictionDetailScreen.tsx
@@ -16,7 +16,6 @@ import {
   TouchableWithoutFeedback,
   Alert,
   SafeAreaView,
-  StatusBar,
   KeyboardAvoidingView,
   Platform,
   Dimensions,
@@ -541,7 +540,6 @@ const AIPredictionDetailScreen: React.FC<AIPredictionDetailsScreenProps> = ({
 
   return (
     <SafeAreaView style={styles.container}>
-      <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
       
              <TouchableWithoutFeedback onPress={closeAllDropdowns} disabled={!showSuggestionTypeDropdown && !showPriorityDropdown}>
               <View style={{flex:1}}>
diff --git a/app/modules/AIPrediction/screens/AIPredictionsScreen.tsx b/app/modules/AIPrediction/screens/AIPredictionsScreen.tsx
index acff58c..ebce060 100644
--- a/app/modules/AIPrediction/screens/AIPredictionsScreen.tsx
+++ b/app/modules/AIPrediction/screens/AIPredictionsScreen.tsx
@@ -14,7 +14,6 @@ import {
   RefreshControl,
   TouchableOpacity,
   Alert,
-  StatusBar,
   SafeAreaView,
 } from 'react-native';
 import Icon from 'react-native-vector-icons/Feather';
@@ -552,8 +551,7 @@ const AIPredictionsScreen: React.FC<AIPredictionsScreenProps> = ({ navigation })
 
   return (
     <SafeAreaView style={styles.container}>
-      <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
-      
+        
       {/* Header */}
       <View style={styles.header}>
         <Text style={styles.headerTitle}>AI Predictions</Text>
diff --git a/app/modules/Auth/screens/SignUpScreen.tsx b/app/modules/Auth/screens/SignUpScreen.tsx
index adfcd74..16db417 100644
--- a/app/modules/Auth/screens/SignUpScreen.tsx
+++ b/app/modules/Auth/screens/SignUpScreen.tsx
@@ -9,7 +9,6 @@ import React, { useEffect, useState } from 'react';
 import { 
   View, 
   StyleSheet, 
-  StatusBar, 
   Alert, 
   Text, 
   TouchableOpacity,
@@ -409,10 +408,6 @@ const SignUpScreen: React.FC<SignUpScreenProps> = ({ navigation }) => {
       style={styles.container}
       behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
     >
-      <StatusBar
-        barStyle="dark-content"
-        backgroundColor={theme.colors.background}
-      />
       
       {/* Conditional Content Rendering */}
       {currentStep === 'hospital' ? (
diff --git a/app/modules/PatientCare/screens/PatientDetailsScreen.tsx b/app/modules/PatientCare/screens/PatientDetailsScreen.tsx
index a8862cf..0e9498a 100644
--- a/app/modules/PatientCare/screens/PatientDetailsScreen.tsx
+++ b/app/modules/PatientCare/screens/PatientDetailsScreen.tsx
@@ -20,7 +20,6 @@ import {
   StyleSheet,
   ScrollView,
   TouchableOpacity,
-  StatusBar,
   Alert,
   Dimensions,
   Image,
@@ -968,7 +967,6 @@ const PatientDetailsScreen: React.FC<PatientDetailsScreenProps> = ({ navigation,
   if (isLoading) {
     return (
       <SafeAreaView style={styles.container}>
-        <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
         {renderLoadingState()}
       </SafeAreaView>
     );
@@ -977,7 +975,6 @@ const PatientDetailsScreen: React.FC<PatientDetailsScreenProps> = ({ navigation,
   if (error) {
     return (
       <SafeAreaView style={styles.container}>
-        <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
         {renderErrorState()}
       </SafeAreaView>
     );
@@ -986,7 +983,6 @@ const PatientDetailsScreen: React.FC<PatientDetailsScreenProps> = ({ navigation,
   if (!patientData) {
     return (
       <SafeAreaView style={styles.container}>
-        <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
         <View style={styles.errorContainer}>
           <Icon name="user-x" size={48} color={theme.colors.textMuted} />
           <Text style={styles.errorTitle}>Patient Not Found</Text>
@@ -998,7 +994,6 @@ const PatientDetailsScreen: React.FC<PatientDetailsScreenProps> = ({ navigation,
 
   return (
     <SafeAreaView style={styles.container}>
-      <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
       
       {/* Header */}
       <View style={styles.header}>
diff --git a/app/modules/PatientCare/screens/PatientsScreen.tsx b/app/modules/PatientCare/screens/PatientsScreen.tsx
index e58a606..193c5be 100644
--- a/app/modules/PatientCare/screens/PatientsScreen.tsx
+++ b/app/modules/PatientCare/screens/PatientsScreen.tsx
@@ -13,7 +13,6 @@ import {
   FlatList,
   RefreshControl,
   SafeAreaView,
-  StatusBar,
   StyleSheet,
   Alert,
 } from 'react-native';
@@ -262,7 +261,6 @@ const PatientsScreen: React.FC = () => {
   if (error && !isLoading) {
     return (
       <SafeAreaView style={styles.container}>
-        <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
         <View style={styles.errorContainer}>
           <Text style={styles.errorTitle}>Error Loading Patients</Text>
           <Text style={styles.errorMessage}>{error}</Text>
@@ -280,7 +278,6 @@ const PatientsScreen: React.FC = () => {
 
   return (
     <SafeAreaView style={styles.container}>
-      <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
       
       {/* Header */}
       {renderHeader()}
diff --git a/app/modules/PatientCare/screens/SeriesDetailScreen.tsx b/app/modules/PatientCare/screens/SeriesDetailScreen.tsx
index 5f3af3b..c22c836 100644
--- a/app/modules/PatientCare/screens/SeriesDetailScreen.tsx
+++ b/app/modules/PatientCare/screens/SeriesDetailScreen.tsx
@@ -21,7 +21,6 @@ import {
   StyleSheet,
   ScrollView,
   TouchableOpacity,
-  StatusBar,
   Alert,
   Dimensions,
   Image,
@@ -1535,7 +1534,6 @@ const SeriesDetailScreen: React.FC<SeriesDetailScreenProps> = ({ navigation, rou
 
   return (
     <SafeAreaView style={styles.container}>
-      <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
       
       {/* Header */}
       <View style={styles.header}>
@@ -2434,6 +2432,8 @@ const styles = StyleSheet.create({
     fontSize: 12,
     color: theme.colors.textSecondary,
     fontFamily: theme.typography.fontFamily.regular,
+    paddingHorizontal:theme.spacing.sm,
+    flex:1
   },
   detailsGrid: {
     marginBottom: theme.spacing.md,