From 8e90e42567cf4457307b0f8c5e61a10c23be3b2a Mon Sep 17 00:00:00 2001
From: Frank Delaguila <frankdelaguila@Franks-MacBook-Pro.local>
Date: Fri, 11 Nov 2022 18:14:53 -0700
Subject: [PATCH] Adding fix for weird small card slow load in issue.

---
 pages/index.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index fb7f7f1..649f1df 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -107,12 +107,14 @@ export default function Home(props) {
               <h2>Please search for a card!</h2>
             </div>
             :
-            <section className="flex flex-wrap justify-center items-center">
+            <section className="justify-center items-center">
               {loading && search !== "" ? 
-                <div className="spinner mx-auto"></div>
+                <div className="flex justify-center items-center">
+                  <div className="spinner mx-auto"></div>
+                </div>
                 :
                 cardRow && cardRow.map( (row: any, i: number) => 
-                  <Transition className="flex" key={`row-${i}`}>
+                  <Transition className="flex flex-wrap w-full" key={`row-${i}`}>
                     {row.map( (card: any, i: number) => 
                       <Image onClick={() => {
                         setSelectedCard(card);