From 99d86109dadf936f366e140ca7fbcaed0d17c646 Mon Sep 17 00:00:00 2001
From: Darcy Loane-Billings <122037471+DudeNamedDarcy@users.noreply.github.com>
Date: Sun, 23 Nov 2025 17:05:54 -0500
Subject: [PATCH] Fixing Padding Issue in the Hompage (and editing title in
 'Top Events' to match)

---
 frontend/my-react-app/src/App.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/my-react-app/src/App.tsx b/frontend/my-react-app/src/App.tsx
index 05e9b6d..37f68c0 100644
--- a/frontend/my-react-app/src/App.tsx
+++ b/frontend/my-react-app/src/App.tsx
@@ -191,9 +191,10 @@ function Home() {
 
 
 
-      <Box component = "section" sx = {{py: 6, px: 3, width: '100%', bgcolor: '#373f51', color: 'white'}}>
+      <Box component = "section" sx = {{width: '100%', bgcolor: '#373f51', color: 'white'}}>
         <Box sx={{ maxWidth: '1600px', mx: 'auto' }}>
-          <Typography variant = "h2" sx={{ mb: 4 }}> Top Events </Typography>
+          <br></br>
+          <Typography variant = "h3" className='smallertitle' sx={{ mb: 4 }}> Top Events </Typography>
           
           {loading ? (
             <Box sx={{ display: 'flex', justifyContent: 'center', py: 4 }}>
@@ -304,6 +305,7 @@ function Home() {
         </Button>
       </Box>
         </Box>
+        <br></br>
       </Box>
 
         </>