diff --git a/src/component/foodcardlist/pantry/PantryStart.jsx b/src/component/foodcardlist/pantry/PantryStart.jsx
index be21fdf..43abb36 100644
--- a/src/component/foodcardlist/pantry/PantryStart.jsx
+++ b/src/component/foodcardlist/pantry/PantryStart.jsx
@@ -176,7 +176,11 @@ const PantryStart = () => {
           My Pantry
         </Typography>
 
-
+        {ingredients.length === 0 && (
+          <Typography align="center" style={{ ...SpacingDesign.marginTop(5) }}>
+            No ingredients, add some!
+          </Typography>
+        )}
 
         {ingredients.filter(main => {
           return (main.name.toLowerCase().indexOf(filter) !== -1)
diff --git a/src/component/foodcardlist/whatsfordinner/WhatsForDinnerStart.jsx b/src/component/foodcardlist/whatsfordinner/WhatsForDinnerStart.jsx
index 378ac98..9b5b699 100644
--- a/src/component/foodcardlist/whatsfordinner/WhatsForDinnerStart.jsx
+++ b/src/component/foodcardlist/whatsfordinner/WhatsForDinnerStart.jsx
@@ -55,7 +55,11 @@ const WhatsForDinnerStart = () => {
         <Typography variant="h4" align="center">
           What&apos;s For Dinner
         </Typography>
-
+        {recipes.length === 0 && (
+          <Typography align="center">
+            Add some ingredients in the pantry to see what is for dinner!
+          </Typography>
+        )}
         {recipes.filter((main) => main.title.toLowerCase().indexOf(filter) !== -1)
           .map((item) => (
             <Card style={{ ...SpacingDesign.marginy(3) }} elevation={5} key={item.id}>
diff --git a/src/component/social/review/ReviewFocus.jsx b/src/component/social/review/ReviewFocus.jsx
index d120218..13f094d 100644
--- a/src/component/social/review/ReviewFocus.jsx
+++ b/src/component/social/review/ReviewFocus.jsx
@@ -60,24 +60,30 @@ const ReviewFocus = () => {
   }, [makeUpdate]);
 
   const imageListStyle = {
-    display: 'flex',
     flexWrap: 'nowrap',
-    justifyContent: 'space-around'
-  }
+    transform: 'translateZ(0)',
+  };
 
   return (
     <>
       <Paper style={{ ...SpacingDesign.padding(2) }}>
-        <div>
-          <ImageList cols={1.1} rowHeight={520} style={imageListStyle}>
-            {pictures.map((picUrl, i) => (
-              <ImageListItem key={i}>
-                {/* <Image src={picUrl} cover imageStyle={{ height: '520px', width: '520px' }} /> */}
-                <img src={picUrl} />
+        <Box
+          style={{
+            display: 'flex',
+            flexWrap: 'wrap',
+            justifyContent: 'space-around',
+            overflow: 'hidden',
+          }}
+        >
+          <ImageList cols={2} rowHeight={300} style={imageListStyle}>
+            {pictures.map((picUrl) => (
+              <ImageListItem key={picUrl}>
+                <Image src={picUrl} cover style={{ ...SpacingDesign.square(40) }} />
+                {/* <img src={picUrl} /> */}
               </ImageListItem>
             ))}
           </ImageList>
-        </div>
+        </Box>
         <CardActionArea component={Link} to={`/recipes/${recipeId}/reviews/`}>
           <Typography variant="h3">
             {reviewData.headline}