diff --git a/src/components/common/HeadingCommon/HeadingCommon.module.scss b/src/components/common/HeadingCommon/HeadingCommon.module.scss
index 86135585e..102d62173 100644
--- a/src/components/common/HeadingCommon/HeadingCommon.module.scss
+++ b/src/components/common/HeadingCommon/HeadingCommon.module.scss
@@ -1,7 +1,7 @@
 @import '../../../styles/utilities';
 
 .headingCommon {
-  @apply heading-1 font-heading text-left;
+  @apply heading-2 font-heading text-left;
 
   &.highlight {
     color: var(--negative);
diff --git a/src/components/common/HeadingCommon/HeadingCommon.tsx b/src/components/common/HeadingCommon/HeadingCommon.tsx
index a3c1165bf..9e68ab637 100644
--- a/src/components/common/HeadingCommon/HeadingCommon.tsx
+++ b/src/components/common/HeadingCommon/HeadingCommon.tsx
@@ -11,11 +11,11 @@ interface HeadingCommonProps {
 const HeadingCommon = ({ type='default', align='left', children }: HeadingCommonProps) => {
 
     return (
-        <h1 className={classNames(s.headingCommon, {
+        <h2 className={classNames(s.headingCommon, {
             [s[type]]: type,
             [s[align]]: align
           })}
-        >{children}</h1>
+        >{children}</h2>
     )
 
 }
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 >
diff --git a/src/components/modules/home/HomeVideo/HomeVideo.module.scss b/src/components/modules/home/HomeVideo/HomeVideo.module.scss
index 2dad3da21..1d006d0b0 100644
--- a/src/components/modules/home/HomeVideo/HomeVideo.module.scss
+++ b/src/components/modules/home/HomeVideo/HomeVideo.module.scss
@@ -39,9 +39,6 @@
         object-fit: cover;
       }
     }
-    .heading {
-      @apply heading-2 font-heading;
-    }
   }
   .videoWrap {
     @apply relative flex justify-center;
diff --git a/src/components/modules/home/HomeVideo/HomeVideo.tsx b/src/components/modules/home/HomeVideo/HomeVideo.tsx
index 9aaeab075..eac203769 100644
--- a/src/components/modules/home/HomeVideo/HomeVideo.tsx
+++ b/src/components/modules/home/HomeVideo/HomeVideo.tsx
@@ -3,6 +3,7 @@ import React from 'react'
 import s from './HomeVideo.module.scss'
 import LogoBrand from './assets/logo_maggi.png'
 import { VideoPlayer } from 'src/components/common'
+import HeadingCommon from '../../../common/HeadingCommon/HeadingCommon'
 
 interface Props {
     className?: string
@@ -16,9 +17,9 @@ const HomeVideo = ({ }: Props) => {
                 <div className={s.logo}>
                     <Image src={LogoBrand} />
                 </div>
-                <h2 className={s.heading}>
+                <HeadingCommon>
                     Maggi Sauce Is The Secret Weapon For Making All Your Food
-                </h2>
+                </HeadingCommon>
             </div>
             <div className={s.videoWrap}>
                 {/* todo: change url video */}