diff --git a/app.css b/app.css
index 26ceaa8..2322585 100644
--- a/app.css
+++ b/app.css
@@ -5,6 +5,7 @@
 html {
   scroll-behavior: smooth;
   min-height: 100%;
+  overflow-x: hidden;
 }
 
 body {
diff --git a/components/Footer.tsx b/components/Footer.tsx
index bc8cdc2..ade8a8d 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -5,7 +5,7 @@ import Wave from './Wave'
 const Footer = (): JSX.Element => {
 	return (
 		<div className='releative'>
-			<Wave color='currentColor' className='dark:text-discord-dark text-white bg-discord-black' />
+			<Wave color='currentColor' className='dark:text-discord-dark text-white bg-discord-black -mb-10' />
 			<div className='bottom-0 text-white bg-discord-black'>
 				<Container className='pb-20 pt-10 w-11/12 lg:flex lg:pt-0 lg:w-3/5' ignoreColor>
 					<div className='w-full lg:flex-grow'>
diff --git a/pages/index.tsx b/pages/index.tsx
index b86ffc1..8559332 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -19,7 +19,7 @@ const Index: NextPage<IndexProps> = ({ votes, newBots, trusted }) => {
 			</div>
 			<Wave
 				color='currentColor'
-				className='dark:text-discord-black text-discord-blurple dark:bg-discord-dark bg-white'
+				className='-mt-10 dark:text-discord-black text-discord-blurple dark:bg-discord-dark bg-white'
 			/>
 
 			<Container>