From c3cb923b5854cb580979d2ab95c770a617394282 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Wed, 3 Feb 2021 16:08:02 -0800
Subject: [PATCH] Increase preview size on item page

---
 src/app/ItemPage.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/app/ItemPage.js b/src/app/ItemPage.js
index 207ef122..88facb20 100644
--- a/src/app/ItemPage.js
+++ b/src/app/ItemPage.js
@@ -684,10 +684,15 @@ function ItemPageOutfitPreview({ itemId }) {
   const isIncompatible = Array.isArray(layers) && layers.length === 0;
 
   return (
-    <Stack direction={{ base: "column", md: "row" }} spacing="8">
-      <VStack spacing="3" width="100%">
+    <Stack
+      direction={{ base: "column", md: "row" }}
+      justify="center"
+      spacing="8"
+      width="100%"
+    >
+      <VStack spacing="3" maxWidth="100%">
         <AspectRatio
-          width="300px"
+          width="400px"
           maxWidth="100%"
           ratio="1"
           border="1px"
@@ -767,7 +772,7 @@ function ItemPageOutfitPreview({ itemId }) {
           </Box>
         </Box>
       </VStack>
-      <Box maxWidth="400px">
+      <Box maxWidth="460px" paddingTop="2">
         <SpeciesFacesPicker
           selectedSpeciesId={petState.speciesId}
           selectedColorId={petState.colorId}
@@ -1108,8 +1113,8 @@ function SpeciesFaceOption({
                   `https://pets.neopets-asset-proxy.openneo.net/cp/${neopetsImageHash}/${emotionId}/6.png 2x`
                 }
                 alt={speciesName}
-                width={50}
-                height={50}
+                width={55}
+                height={55}
                 data-is-loading={isLoading}
                 data-is-disabled={isDisabled}
                 className={css`