From 19cdff0c6bc46440ec7f80a3215c734fe307bc4c Mon Sep 17 00:00:00 2001
From: Henry Hobbs <henry@hobbs.zone>
Date: Sat, 25 May 2024 13:52:35 -0400
Subject: [PATCH] chore: Update form styling and card loader width

---
 app/page.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/page.tsx b/app/page.tsx
index b87796e..483fc21 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -60,7 +60,7 @@ export default function Home() {
         )}
         <form
           onSubmit={handleSubmit}
-          style={{ width: "100%", maxWidth: "700px" }}
+          style={{ width: "100%", maxWidth: "700px", paddingBottom: "16px" }}
         >
           <Input
             placeholder="Type something..."
@@ -89,6 +89,7 @@ export default function Home() {
             loadMore={loadMore}
             hasMore={cardsDisplayed.length < cards.length}
             loader={<CircularProgress />}
+            style={{ width: "100%" }}
           >
             <Grid container spacing={2} sx={{ flexGrow: 1 }} key="cardGrid">
               {cardsDisplayed.map((card) => (