diff --git a/src/components/modules/home/CollectionCarcoucel/CollectionCarcoucel.tsx b/src/components/modules/home/CollectionCarcoucel/CollectionCarcoucel.tsx
index 9e46686bf..de0f2015a 100644
--- a/src/components/modules/home/CollectionCarcoucel/CollectionCarcoucel.tsx
+++ b/src/components/modules/home/CollectionCarcoucel/CollectionCarcoucel.tsx
@@ -1,5 +1,9 @@
 import React from 'react'
-import { CollectionHeading, ProductCaroucel, ViewAllItem } from 'src/components/common'
+import {
+  CollectionHeading,
+  ProductCaroucel,
+  ViewAllItem,
+} from 'src/components/common'
 import { ProductCardProps } from 'src/components/common/ProductCard/ProductCard'
 import s from './CollectionCarcoucel.module.scss'
 interface ColectionCarcoucelProps {
@@ -20,10 +24,13 @@ const ColectionCarcoucel = ({
     <div className={s.colectionCarcoucelWarpper}>
       <div className={s.top}>
         <div className={s.left}>
-          <CollectionHeading headingText={title} subtitle={subTitle} />
+          <CollectionHeading
+            subtitle={subTitle}
+            title={title}
+          ></CollectionHeading>
         </div>
         <div className={s.right}>
-          <ViewAllItem/>
+          <ViewAllItem />
         </div>
       </div>
       <div className={s.bot}>
diff --git a/src/components/modules/home/HomeRecipe/HomeRecipe.tsx b/src/components/modules/home/HomeRecipe/HomeRecipe.tsx
index 01d8b546c..d6471ce97 100644
--- a/src/components/modules/home/HomeRecipe/HomeRecipe.tsx
+++ b/src/components/modules/home/HomeRecipe/HomeRecipe.tsx
@@ -16,7 +16,7 @@ const HomeRecipe = ({ data, itemKey, title }: HomeRecipeProps) => {
     <div className={s.homeRecipeWarpper}>
       <div className={s.top}>
         <div className={s.left}>
-          <HeadingCommon headingText={title} />
+          <HeadingCommon>{title}</HeadingCommon>
         </div>
         <div className={s.right}>
           <ViewAllItem />