diff --git a/src/components/hero/hero.module.css b/src/components/hero/hero.module.css
index 11a2de3..cfc6447 100644
--- a/src/components/hero/hero.module.css
+++ b/src/components/hero/hero.module.css
@@ -3,7 +3,7 @@
 
   .container {
     position: relative;
-    padding: 120px 0 60px;
+    padding: 100px 0 60px;
 
     & .pattern {
       position: absolute;
@@ -21,8 +21,8 @@
         0 0,
         30px 30px;
       background-size: 30px 30px;
-      opacity: 0.8;
-      mask-image: linear-gradient(#fff, transparent, transparent);
+      opacity: 0.7;
+      mask-image: linear-gradient(transparent, #fff, transparent);
     }
   }
 
@@ -33,35 +33,8 @@
   }
 
   & .title {
-    display: flex;
-    column-gap: 15px;
     align-items: center;
 
-    & div {
-      flex-grow: 1;
-      height: 1px;
-
-      &.left {
-        background: linear-gradient(
-          90deg,
-          transparent,
-          transparent,
-          var(--color-neutral-200),
-          var(--color-neutral-300)
-        );
-      }
-
-      &.right {
-        background: linear-gradient(
-          90deg,
-          var(--color-neutral-300),
-          var(--color-neutral-200),
-          transparent,
-          transparent
-        );
-      }
-    }
-
     & h1 {
       font-family: var(--font-display);
       font-size: var(--font-2xlg);
diff --git a/src/components/hero/hero.tsx b/src/components/hero/hero.tsx
index 61b46b9..61a355f 100644
--- a/src/components/hero/hero.tsx
+++ b/src/components/hero/hero.tsx
@@ -24,9 +24,7 @@ export function Hero() {
         />
 
         <div className={styles.title}>
-          <div className={styles.left}></div>
           <h1>Moodist</h1>
-          <div className={styles.right}></div>
         </div>
 
         <p className={styles.desc}>