minor ui fixes

app/WheelSpinPage.jsx

@@ -85,8 +85,21 @@ const WheelSpinPage = () => {
         <WinningDialog open={openSpinResult} close={setOpenSpinResult} prizeAmount={wheelItems.items[winningIndex].label} />
         <Grid container justifyContent="center" alignItems="center" spacing={3}>
           <Grid item xs={6}>
+            <Grid container direction="column">
+              <Grid item>
                 <h1>Join our mailing list to spin the wheel for a chance to win BTC!</h1>
-            <TextField value={emailValue} onChange={handleTextChange}/><Button variant="contained" color="secondary" onClick={submitHandler}>Submit and Spin!</Button>
+              </Grid>
+              <Grid item>
+                <Grid container spacing={1} alignItems="center">
+                  <Grid item>
+                    <TextField label="Email" variant='filled' size='small' value={emailValue} onChange={handleTextChange}/> 
+                  </Grid>
+                  <Grid item>
+                    <Button variant="contained" color="secondary" onClick={submitHandler}>Submit and Spin!</Button>
+                  </Grid>
+                </Grid>
+              </Grid>
+            </Grid>
           </Grid>
           <Grid item xs={6}>
             <Grid container justifyContent="center">

components/InfoCard.jsx

@@ -4,7 +4,7 @@ import React from 'react'
 
 const InfoCard = (props) => {
   return (
-    <Card sx={{height: 500}}>
+    <Card sx={{height: 550}}>
       <Container>
         <Typography variant="h3" align='center' marginY={4}>{props.title}</Typography>
         <Box>