From 2d58627bdd960645e01d8a7363f26789f1800a07 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Fri, 12 Feb 2021 17:33:34 -0800
Subject: [PATCH] Fix species faces container sizes

---
 src/app/ItemPage.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/ItemPage.js b/src/app/ItemPage.js
index d6af813..a28ecd3 100644
--- a/src/app/ItemPage.js
+++ b/src/app/ItemPage.js
@@ -708,8 +708,11 @@ function ItemPageOutfitPreview({ itemId }) {
         `,
       }}
       templateRows={{
-        base: "auto auto 400px auto",
-        md: "400px auto",
+        // HACK: Really I wanted 400px to match the natural height of the
+        //       preview in md, but in Chromium that creates a scrollbar and
+        //       401px doesn't, not sure exactly why?
+        base: "auto auto 200px auto",
+        md: "401px auto",
       }}
       templateColumns={{
         base: "minmax(min-content, 400px)",