diff --git a/src/components/common/HeadingCommon/HeadingCommon.tsx b/src/components/common/HeadingCommon/HeadingCommon.tsx
index 45c89a3bd..cd6946f25 100644
--- a/src/components/common/HeadingCommon/HeadingCommon.tsx
+++ b/src/components/common/HeadingCommon/HeadingCommon.tsx
@@ -3,19 +3,19 @@ import classNames from 'classnames'
 import s from './HeadingCommon.module.scss'
 
 interface HeadingCommonProps {
-    headingType?: 'highlight' | 'light' | 'default';
-    textAlign?: 'center' | 'left';
-    headingText?: string;
+    type?: 'highlight' | 'light' | 'default';
+    align?: 'center' | 'left';
+    children: string;
 }
 
-const HeadingCommon = ({ headingType='default', textAlign='left', headingText='categories' }: HeadingCommonProps) => {
+const HeadingCommon = ({ type='default', align='left', children }: HeadingCommonProps) => {
 
     return (
         <div className={classNames(s.headingCommon, {
-            [s[`${headingType}`]]: headingType,
-            [s[`${textAlign}`]]: textAlign
+            [s[type]]: type,
+            [s[align]]: align
           })}
-        >{headingText}</div>
+        >{children}</div>
     )
 
 }