View scrolling beyond content

The view is being allowed to scroll up further than the actual height of the content which in turn leaves quite a large blank space below. I already have a view wrapping the Triggering View, but the same problem still occurs. See image and code below


```

{cityName}
{countryLocation && (



{countryLocation.location}, {countryLocation.country}


)}

{ tags && (
<>


{Object.entries(tags).map(([key, value], index) => (


{key.charAt(0).toUpperCase() + key.slice(1)} {/* Capitalizes the first letter of the key */}

{value}

))}


)}




{countryDesc && (


Description


{countryDesc}

{countryDesc.length > 100 && (


{showFullDesc ? 'Read Less' : 'Read More'}


)}

)}
{/* Itinerary */}
{itinerary.length > 0 && (
<>


Itinerary For You

{itinerary.map((rowData, index) => (



))}


)}






Book Now



```