From 647cfab8fdc264d6ec106c26a6c9d1a0bc6fab3e Mon Sep 17 00:00:00 2001
From: Zack Youngren <zack@youngren.io>
Date: Tue, 9 Jul 2024 10:44:24 -0400
Subject: [PATCH] whitespace (#27)

---
 app/FAQ.tsx  | 6 +++---
 app/page.tsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/FAQ.tsx b/app/FAQ.tsx
index 12f6bff..abd66e1 100644
--- a/app/FAQ.tsx
+++ b/app/FAQ.tsx
@@ -1,10 +1,10 @@
 import React from 'react';
-import { Typography } from '@mui/material';
 import { exoFontFamily } from './ThemeProvider';
+import { Box, Typography } from '@mui/material';
 
 export default function FAQ() {
   return (
-    <>
+    <Box sx={{ pb: '10vh' }}>
       <Typography
         variant='h5'
         component='h2'
@@ -131,6 +131,6 @@ export default function FAQ() {
       <Typography sx={{ marginTop: 2 }}>
         Oh, and I don&apos;t include docks in New Jersey or Canada.
       </Typography>
-    </>
+    </Box>
   );
 }
diff --git a/app/page.tsx b/app/page.tsx
index dcddf9c..ea1ba91 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -52,7 +52,7 @@ export default memo(function Home() {
               CitiBike Dock Data
             </Typography>
 
-            <div style={{ display: 'flex-item' }}>
+            <Box sx={{ display: 'flex-item', mb: 1 }}>
               {faq ? (
                 <StyledButton onClick={() => setFaq(false)}>
                   <CancelIcon /> <Typography> Back </Typography>
@@ -62,7 +62,7 @@ export default memo(function Home() {
                   <HelpIcon /> <Typography> FAQ </Typography>
                 </StyledButton>
               )}
-            </div>
+            </Box>
           </div>
 
           {faq && <FAQ />}