diff --git a/js/pages/FoodItemDetail.js b/js/pages/FoodItemDetail.js
index d6a0d3e..7e1b1fe 100644
--- a/js/pages/FoodItemDetail.js
+++ b/js/pages/FoodItemDetail.js
@@ -50,14 +50,21 @@ const FoodItemImages = ({
 	return (
 		<View style={{ flex: 3 }}>
 			{visibleImages.size === 1 && (
-				<Image style={stretchedStyle} source={{ uri: visibleImages.first().get('url', '') }} />
+				<View style={stretchedStyle}>
+					<Image
+						style={{ flex: 1, resizeMode: 'cover' }}
+						resizeMethod="resize"
+						source={{ uri: visibleImages.first().get('url', '') }}
+					/>
+				</View>
 			)}
 			{visibleImages.size > 1 && (
 				<Carousel autoplay={false} onAnimateNextPage={changeCurrentImage} style={stretchedStyle}>
 					{visibleImages.map(image => (
 						<Image
 							key={image.get('url', '')}
-							style={{ flex: 1, resizeMode: 'stretch' }}
+							style={{ flex: 1, resizeMode: 'cover' }}
+							resizeMethod="resize"
 							source={{ uri: image.get('url', '') }}
 						/>
 					))}