diff --git a/src/components/common/CollectionHeading/CollectionHeading.module.scss b/src/components/common/CollectionHeading/CollectionHeading.module.scss
index f33da69a9..2696987e0 100644
--- a/src/components/common/CollectionHeading/CollectionHeading.module.scss
+++ b/src/components/common/CollectionHeading/CollectionHeading.module.scss
@@ -1,7 +1,5 @@
 @import '../../../styles/utilities';
 
 .subtitle {
-    @apply spacing-horizontal-left;
-    font-size: var(--font-size);
-    line-height: var(--line-height);   
+    @apply spacing-horizontal-left collection-subtitle;  
 }
\ No newline at end of file
diff --git a/src/components/common/CollectionHeading/CollectionHeading.tsx b/src/components/common/CollectionHeading/CollectionHeading.tsx
index e52352618..1b6a7a1bb 100644
--- a/src/components/common/CollectionHeading/CollectionHeading.tsx
+++ b/src/components/common/CollectionHeading/CollectionHeading.tsx
@@ -1,19 +1,18 @@
 import React from 'react'
-// import classNames from 'classnames'
 import s from './CollectionHeading.module.scss'
 import HeadingCommon from '../HeadingCommon/HeadingCommon'
 
 interface CollectionHeadingProps {
-    headingType?: 'default' | 'highlight' | 'light'
-    headingText: string;
-    subtitle: string
+    type?: 'default' | 'highlight' | 'light';
+    children: string;
+    subtitle: string;
 }
 
-const CollectionHeading = ({ headingType='default', headingText, subtitle }: CollectionHeadingProps) => {
+const CollectionHeading = ({ type='default', children, subtitle }: CollectionHeadingProps) => {
 
     return (
         <section className="collectionHeading">
-            <HeadingCommon headingType={headingType} headingText={headingText}/>
+            <HeadingCommon type={type} children={children}/>
             <div className={s.subtitle}>{subtitle}</div>
         </section>
     )