diff --git a/src/components/FlightCards/FlightCards.js b/src/components/FlightCards/FlightCards.js
index 54b5d16..590d570 100644
--- a/src/components/FlightCards/FlightCards.js
+++ b/src/components/FlightCards/FlightCards.js
@@ -5,16 +5,16 @@ function FlightCards({flight}) {
   
     <div class="service-card">
     
-    <h1 className='trainh'>{train.train_name}</h1>
+    <h1 className='trainh'>{flight.train_name}</h1>
     <div className='trainp_div'>
     <p className='trainp'>
-      Date: {train.next_date} 
+      Date: {flight.next_date} 
       </p>
       <p className='trainp'>
-      Time: {train.train_time}
+      Time: {flight.flight_time}
       </p>
       <p className='trainp'>
-      Cost: {train.cost}
+      Cost: {flight.cost}
     </p>
     </div>
   </div>
diff --git a/src/pages/PlaceDetailPage/PlaceDetailPage.js b/src/pages/PlaceDetailPage/PlaceDetailPage.js
index dcf35d3..d677283 100644
--- a/src/pages/PlaceDetailPage/PlaceDetailPage.js
+++ b/src/pages/PlaceDetailPage/PlaceDetailPage.js
@@ -8,6 +8,7 @@ import axios from 'axios'
 import baseUrl from '../../utils/Urls'
 import HotelCards from '../../components/HotelCards/HotelCards'
 import TrainCards from '../../components/FlightCards/TrainCards'
+import FlightCards from '../../components/FlightCards/FlightCards'
 const PlaceDetailPage = () => {
   const[placeName,setPlaceName]=useState('')
   const[placeImage,setPlaceImage]=useState()
@@ -92,18 +93,14 @@ const PlaceDetailPage = () => {
                     
                     </div>
                     <div className="place__header_name">Flights to {placeName}
-                    <ul>
+                    <div className='train__container'>
                     {flights.map((flight)=>
           flight.to_place_foreign===parseInt(id)?
-            (<li className='flight_details'>
-            <p>Flight Name: {flight.flight_name}</p>
-            <p>Flight Time: {flight.flight_time}</p>
-            <p>Cost: {flight.cost}</p>
-            <p>Next Date: {flight.next_date}</p>
-          </li>):null
+            (<FlightCards key={flight.id} flight={flight}/>):null
           )
          }
-                      </ul>
+         </div>
+                      
                     </div>
                     <div className="place__header_name">Trains to {placeName}
                     <div className='train__container'>