diff --git a/src/components/common/CollectionHeading/CollectionHeading.module.scss b/src/components/common/CollectionHeading/CollectionHeading.module.scss
index 2696987e0..57c233ea0 100644
--- a/src/components/common/CollectionHeading/CollectionHeading.module.scss
+++ b/src/components/common/CollectionHeading/CollectionHeading.module.scss
@@ -1,5 +1,3 @@
-@import '../../../styles/utilities';
-
 .subtitle {
-    @apply spacing-horizontal-left collection-subtitle;  
+    margin-top: .4rem;
 }
\ No newline at end of file
diff --git a/src/components/common/CollectionHeading/CollectionHeading.tsx b/src/components/common/CollectionHeading/CollectionHeading.tsx
index 1b6a7a1bb..14aeeaece 100644
--- a/src/components/common/CollectionHeading/CollectionHeading.tsx
+++ b/src/components/common/CollectionHeading/CollectionHeading.tsx
@@ -11,7 +11,7 @@ interface CollectionHeadingProps {
 const CollectionHeading = ({ type='default', children, subtitle }: CollectionHeadingProps) => {
 
     return (
-        <section className="collectionHeading">
+        <section>
             <HeadingCommon type={type} children={children}/>
             <div className={s.subtitle}>{subtitle}</div>
         </section>
diff --git a/src/components/common/HeadingCommon/HeadingCommon.module.scss b/src/components/common/HeadingCommon/HeadingCommon.module.scss
index c2329d2fd..323a078e7 100644
--- a/src/components/common/HeadingCommon/HeadingCommon.module.scss
+++ b/src/components/common/HeadingCommon/HeadingCommon.module.scss
@@ -1,9 +1,7 @@
 @import '../../../styles/utilities';
 
 .headingCommon {
-  @apply font-heading uppercase text-left spacing-horizontal-left;
-  font-size: 3.2rem;
-  line-height: 4rem;
+  @apply heading-1 font-heading text-left;
 
   &.highlight {
     color: var(--negative);
@@ -13,11 +11,5 @@
   }
   &.center {
     @apply text-center;
-  }
-
-  @screen md {
-    @apply spacing-horizontal;
-    font-size: 4.8rem;
-    line-height: 5.6rem;
   } 
 }