fix: small component size adjustments.

src/components/MainPage.jsx

@@ -204,6 +204,7 @@ function MainPage({
           variant="body2"
           color="text.secondary"
           align="left"
+          mt="1rem"
         >
           Validate and test JMESPath expressions against JSON data in real-time.
           Enter your JMESPath query and JSON data below to see the results
@@ -219,6 +220,7 @@ function MainPage({
           border: 1,
           borderColor: "divider",
           overflow: "hidden",
+          mb: 2
         }}
       >
         <Box
@@ -240,7 +242,7 @@ function MainPage({
             </Typography>
           </Box>
         </Box>
-        <Box sx={{ p: 1.5 }}>
+        <Box sx={{ p: 1.5, mt: 0.5 }}>
           <TextField
             fullWidth
             size="small"