diff --git a/App/components/Home/HospitalCard.js b/App/components/Home/HospitalCard.js
index ddfd544..803efca 100644
--- a/App/components/Home/HospitalCard.js
+++ b/App/components/Home/HospitalCard.js
@@ -1,18 +1,14 @@
 import React from 'react'
 import { View, Text, Image, TouchableOpacity } from 'react-native'
 import Colors from '../../../assets/shared/Colors'
-import { useNavigation } from '@react-navigation/native'
 
 
 export const HospitalCard = ({ hospital }) => {
 
-    const navigation = useNavigation()
-
-    
-    return (
-        <TouchableOpacity onPress={() => navigation.navigate('hospital-details')}>
 
 
+    return (
+        <View>
             <View style={{ width: 200, borderRadius: 10, borderWidth: 1, borderColor: Colors.ligh_gray, marginRight: 10 }}>
                 <Image
                     source={{ uri: hospital.attributes.Image.data.attributes.url }}
@@ -27,6 +23,6 @@ export const HospitalCard = ({ hospital }) => {
                     </Text>
                 </View>
             </View>
-        </TouchableOpacity>
+        </View>
     )
 }
\ No newline at end of file
diff --git a/App/components/Home/PremiumHospital.js b/App/components/Home/PremiumHospital.js
index 55bac63..af54875 100644
--- a/App/components/Home/PremiumHospital.js
+++ b/App/components/Home/PremiumHospital.js
@@ -1,16 +1,17 @@
 import React, { useEffect, useState } from 'react';
-import { View, Text, FlatList } from 'react-native';
+import { View, Text, FlatList, TouchableOpacity } from 'react-native';
 import SubHeading from './SubHeading';
 import globalApi from '../../../services/globalApi';
 import { HospitalCard } from './HospitalCard';
-
-
+import { useNavigation } from '@react-navigation/native'
 
 
 
 const PremiumHospital = () => {
 
     const [hospitalList, setHospitalList] = useState([]);
+    const navigation = useNavigation()
+
 
     useEffect(() => {
         getPremiumHospital()
@@ -36,8 +37,10 @@ const PremiumHospital = () => {
                 horizontal
                 showsHorizontalScrollIndicator={false}
                 renderItem={({ item, index }) => (
-                    <HospitalCard hospital={item} key={index} />
-                )}w
+                    <TouchableOpacity onPress={() => navigation.navigate('hospital-details', { hospital: item })}>
+                        <HospitalCard hospital={item} key={index} />
+                    </TouchableOpacity>
+                )}
             />
 
         </View>