From 84b9595e2757513d2e3afc95d9ef5e1cda9dad53 Mon Sep 17 00:00:00 2001
From: Steven Hicks <steven.j.hicks@gmail.com>
Date: Thu, 21 Feb 2019 10:35:35 -0600
Subject: [PATCH] Wrap preview images in a <Box> with static width/height to
 keep things from dancing while loading

---
 .../Search/Previews/Grids/PreviewGridItem.tsx | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/Components/Search/Previews/Grids/PreviewGridItem.tsx b/src/Components/Search/Previews/Grids/PreviewGridItem.tsx
index 4b3dca7c2e..2c6e47ddf7 100644
--- a/src/Components/Search/Previews/Grids/PreviewGridItem.tsx
+++ b/src/Components/Search/Previews/Grids/PreviewGridItem.tsx
@@ -28,17 +28,15 @@ export const PreviewGridItem: React.SFC<PreviewGridItemProps> = ({
   return (
     <Flex mr={2} mb={2}>
       <Link href={artwork.href} noUnderline>
-        {imageUrl ? (
-          <Image
-            mr={2}
-            src={imageUrl}
-            alt={`${artwork.title} by ${artwork.artist_names}`}
-          />
-        ) : (
-          <Box width="40px" height="40px" mr={2}>
-            &nbsp;
-          </Box>
-        )}
+        <Box width="40px" height="40px" mr={2}>
+          {imageUrl && (
+            <Image
+              mr={2}
+              src={imageUrl}
+              alt={`${artwork.title} by ${artwork.artist_names}`}
+            />
+          )}
+        </Box>
       </Link>
       <Link href={artwork.href} noUnderline>
         <Box>