diff --git a/src/pages/index.js b/src/pages/index.js
index 5eb7ea14..25ba71aa 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -523,8 +523,7 @@ export default function Home() {
           </div>
         </div>
       </section>
-
-      <div className={styles.footer}>
+      <div className={styles.container}>
         <div className={styles.userSkew}></div>
         <div className={styles.communitySkew}></div>
         <section className={clsx('row', styles.user)}>
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 16d804fd..6b79f24b 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -66,16 +66,6 @@ a {
   text-decoration: none !important;
 }
 
-.container {
-  width: 100vw;
-  height: 80%;
-  position: absolute;
-  left: 50%;
-  top: 30%;
-  transform: translate3d(-50%, -15%, 0);
-  z-index: 5;
-}
-
 .heroHeader {
   position: relative;
   height: 100%;
@@ -503,6 +493,11 @@ a {
   z-index: 2;
 }
 
+.container {
+  position: relative;
+  overflow: hidden;
+}
+
 .userSkew {
   position: absolute;
   top: 0%;
@@ -812,11 +807,6 @@ a {
   color: rgba(0, 0, 0, 0.8);
 }
 
-.footer {
-  position: relative;
-  overflow: hidden;
-}
-
 .user {
   display: flex;
   justify-content: center;