diff --git a/src/components/hero/hero.module.css b/src/components/hero/hero.module.css
index 8c0539b..11a2de3 100644
--- a/src/components/hero/hero.module.css
+++ b/src/components/hero/hero.module.css
@@ -87,7 +87,7 @@
     margin: 20px auto 0;
     font-size: var(--font-xsm);
     color: var(--color-foreground-subtle);
-    background-color: var(--color-neutral-100);
+    background: linear-gradient(var(--color-neutral-100), transparent);
     border: 1px solid var(--color-neutral-200);
     border-radius: 100px;
 
@@ -96,9 +96,10 @@
       align-items: center;
       justify-content: center;
       height: 100%;
-      padding: 0 8px 0 12px;
+      padding: 0 10px;
       color: var(--color-foreground);
       border-right: 1px solid var(--color-neutral-200);
+      border-radius: 0 100px 100px 0;
     }
 
     &::before {