From be7de27c5c224f308cd143300e23873c7ccbb4a9 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Mon, 4 Jan 2021 08:39:15 +0000
Subject: [PATCH] refine outfit thumbnail card styles

---
 src/app/UserOutfitsPage.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/app/UserOutfitsPage.js b/src/app/UserOutfitsPage.js
index f1e5dfd..28df1a1 100644
--- a/src/app/UserOutfitsPage.js
+++ b/src/app/UserOutfitsPage.js
@@ -102,8 +102,17 @@ function OutfitCard({ outfit }) {
       borderRadius="md"
       padding="3"
       width="calc(150px + 2em)"
+      backgroundColor="white"
     >
-      <Box as="img" src={thumbnailUrl} width={150} height={150} />
+      <Box
+        as="img"
+        src={thumbnailUrl}
+        width={150}
+        height={150}
+        marginBottom="2"
+        borderRadius="md"
+        background="gray.700"
+      />
       <Box>{outfit.name}</Box>
     </Flex>
   );