diff --git a/src/components/hero/hero.module.css b/src/components/hero/hero.module.css
index 22f8b58..a4d0a1c 100644
--- a/src/components/hero/hero.module.css
+++ b/src/components/hero/hero.module.css
@@ -3,7 +3,9 @@
 
   .container {
     position: relative;
-    padding: 120px 0 60px;
+    padding: 100px 0 80px;
+
+    /* padding: 120px 0 60px; */
 
     & .pattern {
       position: absolute;
diff --git a/src/components/hero/hero.tsx b/src/components/hero/hero.tsx
index 2de4b65..2b34b63 100644
--- a/src/components/hero/hero.tsx
+++ b/src/components/hero/hero.tsx
@@ -13,7 +13,7 @@ export function Hero() {
   return (
     <div className={styles.hero}>
       <Container className={styles.container}>
-        <div className={styles.pattern} />
+        {/* <div className={styles.pattern} /> */}
 
         <img
           alt="Faded Moodist Logo"