diff --git a/src/components/modules/home/HomeSubscribe/HomeSubscribe.module.scss b/src/components/modules/home/HomeSubscribe/HomeSubscribe.module.scss
index 3b167eda9..79136c4a4 100644
--- a/src/components/modules/home/HomeSubscribe/HomeSubscribe.module.scss
+++ b/src/components/modules/home/HomeSubscribe/HomeSubscribe.module.scss
@@ -7,12 +7,8 @@
     padding-top: 5.6rem;
     padding-bottom: 5.6rem;
   }
-  .heading {
-    @apply heading-2 font-heading;
-    color: var(--white);
-    margin-bottom: 2.4rem;
-  }
   .sub {
+    margin-top: 2.4rem;
     color: var(--white);
   }
 }
diff --git a/src/components/modules/home/HomeSubscribe/HomeSubscribe.tsx b/src/components/modules/home/HomeSubscribe/HomeSubscribe.tsx
index 03b5ae944..a9fde7f2c 100644
--- a/src/components/modules/home/HomeSubscribe/HomeSubscribe.tsx
+++ b/src/components/modules/home/HomeSubscribe/HomeSubscribe.tsx
@@ -1,11 +1,12 @@
 import React from 'react'
+import { HeadingCommon } from 'src/components/common'
 import FormSubscribe from './FormSubscribe/FormSubscribe'
 import s from './HomeSubscribe.module.scss'
 
 const HomeSubscribe = () => {
     return (
         <section className={s.homeSubscribe}>
-            <h2 className={s.heading}>Let's stay in touch</h2>
+            <HeadingCommon type='light'>Let's stay in touch</HeadingCommon>
             <div className={s.sub}>Subscribe to our newsletter for fresh news, seasonal arrivals and delicious recipes.</div>
             <FormSubscribe />
         </section >