diff --git a/packages/styles/scss/components/leadspace/_leadspace.scss b/packages/styles/scss/components/leadspace/_leadspace.scss
index 149891e1157..019d34e21ff 100644
--- a/packages/styles/scss/components/leadspace/_leadspace.scss
+++ b/packages/styles/scss/components/leadspace/_leadspace.scss
@@ -95,7 +95,7 @@ $btn-min-width: 26;
   :host(#{$c4d-prefix}-leadspace) {
     display: block;
     position: relative;
-  
+
     &::before {
       content: '';
       opacity: 0;
@@ -108,18 +108,18 @@ $btn-min-width: 26;
       animation: loadingAnimation 2000ms ease infinite;
       transition: all 800ms cubic-bezier(0.4, 0.14, 0.3, 1);
     }
-  
+
     &[loading] {
       &::before {
         z-index: 5;
         opacity: 1;
       }
     }
-  
+
     ::slotted(#{$c4d-prefix}-background-media) {
       height: auto;
       aspect-ratio: 4 / 3; /* stylelint-disable-line property-no-unknown */
-  
+
       @include breakpoint(lg) {
         position: absolute;
         inset: 0;
@@ -163,7 +163,6 @@ $btn-min-width: 26;
     .#{$prefix}--buttongroup,
     ::slotted(#{$c4d-prefix}-button-group),
     ::slotted(#{$c4d-prefix}-leadspace-block-cta) {
-
       @include breakpoint(md) {
         display: grid;
         grid-template-columns: repeat(
@@ -228,7 +227,6 @@ $btn-min-width: 26;
     }
 
     .#{$prefix}--leadspace__action {
-
       @include breakpoint(md) {
         display: inline-block;
       }
@@ -566,8 +564,8 @@ $btn-min-width: 26;
         height: rem(528px);
       }
     }
-  } 
-  
+  }
+
   :host(#{$c4d-prefix}-leadspace)[size='medium'] {
     @include breakpoint(lg) {
       .#{$prefix}--leadspace__overlay {
@@ -577,7 +575,6 @@ $btn-min-width: 26;
   }
 
   :host(#{$c4d-prefix}-leadspace)[size='short'] {
-
     @include breakpoint(lg) {
       .#{$prefix}--leadspace__overlay {
         height: rem(288px);
@@ -631,7 +628,6 @@ $btn-min-width: 26;
 
   :host(#{$c4d-prefix}-leadspace)[size='medium'] {
     ::slotted(#{$c4d-prefix}-leadspace-heading) {
-
       @include breakpoint(lg) {
         margin-bottom: $spacing-10;
       }
@@ -645,7 +641,6 @@ $btn-min-width: 26;
   }
 
   :host(#{$c4d-prefix}-leadspace)[size='super'] {
-
     .#{$prefix}--leadspace__section {
       @include breakpoint(lg) {
         min-height: carbon--mini-units(80);
diff --git a/packages/web-components/src/components/leadspace/__stories__/leadspace.stories.ts b/packages/web-components/src/components/leadspace/__stories__/leadspace.stories.ts
index b0a9ed9b914..11278559b5d 100644
--- a/packages/web-components/src/components/leadspace/__stories__/leadspace.stories.ts
+++ b/packages/web-components/src/components/leadspace/__stories__/leadspace.stories.ts
@@ -64,17 +64,21 @@ const navigationWithBreadcrumbs = html`
 `;
 
 export const Super = (args) => {
-  const { title, copy, buttons, navElements, highlight, typeStyle } = args?.LeadSpace ?? {};
+  const { title, copy, buttons, navElements, highlight, typeStyle } =
+    args?.LeadSpace ?? {};
   return html`
     <c4d-leadspace size="${LEADSPACE_SIZE.SUPER}">
       ${navElements === navigationOptions[0] ? navigationWithTagGroup : ``}
       ${navElements === navigationOptions[1] ? navigationWithBreadcrumbs : ``}
-      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}>${ifDefined(title)}</c4d-leadspace-heading>
+      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}
+        >${ifDefined(title)}</c4d-leadspace-heading
+      >
       ${ifDefined(copy)}
       <c4d-button-group slot="action">
         ${buttons.map((elem) => {
           return html`
-            <c4d-button-group-item cta-type="local"
+            <c4d-button-group-item
+              cta-type="local"
               aria-label="${elem.label}"
               href="${elem.href}"
               >${elem.copy}</c4d-button-group-item
@@ -95,8 +99,9 @@ export const SuperWithImage = (args) => {
     copy,
     buttons,
     navElements,
-    highlight, 
-    typeStyle } = args?.LeadSpace ?? {};
+    highlight,
+    typeStyle,
+  } = args?.LeadSpace ?? {};
   const image = defaultSrc || leadspaceImg;
   return html`
     <c4d-leadspace
@@ -106,12 +111,15 @@ export const SuperWithImage = (args) => {
       default-src="${ifDefined(defaultSrc)}">
       ${navElements === navigationOptions[0] ? navigationWithTagGroup : ``}
       ${navElements === navigationOptions[1] ? navigationWithBreadcrumbs : ``}
-      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}>${ifDefined(title)}</c4d-leadspace-heading>
+      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}
+        >${ifDefined(title)}</c4d-leadspace-heading
+      >
       ${ifDefined(copy)}
       <c4d-button-group slot="action">
         ${buttons.map((elem) => {
           return html`
-            <c4d-button-group-item cta-type="local"
+            <c4d-button-group-item
+              cta-type="local"
               aria-label="${elem.label}"
               href="${elem.href}"
               >${elem.copy}</c4d-button-group-item
@@ -150,7 +158,9 @@ export const SuperWithVideo = (args) => {
     copy,
     buttons,
     navElements,
-   highlight,  typeStyle } = args?.LeadSpace ?? {};
+    highlight,
+    typeStyle,
+  } = args?.LeadSpace ?? {};
   return html`
     <c4d-leadspace
       size="${LEADSPACE_SIZE.SUPER}"
@@ -159,12 +169,15 @@ export const SuperWithVideo = (args) => {
       default-src="${ifDefined(defaultSrc)}">
       ${navElements === navigationOptions[0] ? navigationWithTagGroup : ``}
       ${navElements === navigationOptions[1] ? navigationWithBreadcrumbs : ``}
-      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}>${ifDefined(title)}</c4d-leadspace-heading>
+      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}
+        >${ifDefined(title)}</c4d-leadspace-heading
+      >
       ${ifDefined(copy)}
       <c4d-button-group slot="action">
         ${buttons.map((elem) => {
           return html`
-            <c4d-button-group-item cta-type="local"
+            <c4d-button-group-item
+              cta-type="local"
               aria-label="${elem.label}"
               href="${elem.href}"
               >${elem.copy}</c4d-button-group-item
@@ -186,17 +199,21 @@ SuperWithVideo.story = {
 };
 
 export const Tall = (args) => {
-  const { title, copy, buttons, navElements, highlight,  typeStyle } = args?.LeadSpace ?? {};
+  const { title, copy, buttons, navElements, highlight, typeStyle } =
+    args?.LeadSpace ?? {};
   return html`
     <c4d-leadspace size="${LEADSPACE_SIZE.TALL}">
       ${navElements === navigationOptions[0] ? navigationWithTagGroup : ``}
       ${navElements === navigationOptions[1] ? navigationWithBreadcrumbs : ``}
-      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}>${ifDefined(title)}</c4d-leadspace-heading>
+      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}
+        >${ifDefined(title)}</c4d-leadspace-heading
+      >
       ${ifDefined(copy)}
       <c4d-button-group slot="action">
         ${buttons.map((elem) => {
           return html`
-            <c4d-button-group-item cta-type="local"
+            <c4d-button-group-item
+              cta-type="local"
               aria-label="${elem.label}"
               href="${elem.href}"
               >${elem.copy}</c4d-button-group-item
@@ -217,7 +234,9 @@ export const TallWithImage = (args) => {
     copy,
     buttons,
     navElements,
-   highlight,  typeStyle } = args?.LeadSpace ?? {};
+    highlight,
+    typeStyle,
+  } = args?.LeadSpace ?? {};
   const image = defaultSrc || leadspaceImg;
   return html`
     <c4d-leadspace
@@ -227,12 +246,15 @@ export const TallWithImage = (args) => {
       default-src="${ifDefined(defaultSrc)}">
       ${navElements === navigationOptions[0] ? navigationWithTagGroup : ``}
       ${navElements === navigationOptions[1] ? navigationWithBreadcrumbs : ``}
-      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}>${ifDefined(title)}</c4d-leadspace-heading>
+      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}
+        >${ifDefined(title)}</c4d-leadspace-heading
+      >
       ${ifDefined(copy)}
       <c4d-button-group slot="action">
         ${buttons.map((elem) => {
           return html`
-            <c4d-button-group-item cta-type="local"
+            <c4d-button-group-item
+              cta-type="local"
               aria-label="${elem.label}"
               href="${elem.href}"
               >${elem.copy}</c4d-button-group-item
@@ -271,7 +293,9 @@ export const TallWithVideo = (args) => {
     copy,
     buttons,
     navElements,
-   highlight,  typeStyle } = args?.LeadSpace ?? {};
+    highlight,
+    typeStyle,
+  } = args?.LeadSpace ?? {};
   return html`
     <c4d-leadspace
       size="${LEADSPACE_SIZE.TALL}"
@@ -280,12 +304,15 @@ export const TallWithVideo = (args) => {
       default-src="${ifDefined(defaultSrc)}">
       ${navElements === navigationOptions[0] ? navigationWithTagGroup : ``}
       ${navElements === navigationOptions[1] ? navigationWithBreadcrumbs : ``}
-      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}>${ifDefined(title)}</c4d-leadspace-heading>
+      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}
+        >${ifDefined(title)}</c4d-leadspace-heading
+      >
       ${ifDefined(copy)}
       <c4d-button-group slot="action">
         ${buttons.map((elem) => {
           return html`
-            <c4d-button-group-item cta-type="local"
+            <c4d-button-group-item
+              cta-type="local"
               aria-label="${elem.label}"
               href="${elem.href}"
               >${elem.copy}</c4d-button-group-item
@@ -307,17 +334,21 @@ TallWithVideo.story = {
 };
 
 export const Medium = (args) => {
-  const { title, copy, buttons, navElements, highlight,  typeStyle } = args?.LeadSpace ?? {};
+  const { title, copy, buttons, navElements, highlight, typeStyle } =
+    args?.LeadSpace ?? {};
   return html`
     <c4d-leadspace size="${LEADSPACE_SIZE.MEDIUM}">
       ${navElements === navigationOptions[0] ? navigationWithTagGroup : ``}
       ${navElements === navigationOptions[1] ? navigationWithBreadcrumbs : ``}
-      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}>${ifDefined(title)}</c4d-leadspace-heading>
+      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}
+        >${ifDefined(title)}</c4d-leadspace-heading
+      >
       ${ifDefined(copy)}
       <c4d-button-group slot="action">
         ${buttons.map((elem) => {
           return html`
-            <c4d-button-group-item cta-type="local"
+            <c4d-button-group-item
+              cta-type="local"
               aria-label="${elem.label}"
               href="${elem.href}"
               >${elem.copy}</c4d-button-group-item
@@ -338,7 +369,9 @@ export const MediumWithImage = (args) => {
     copy,
     buttons,
     navElements,
-   highlight,  typeStyle } = args?.LeadSpace ?? {};
+    highlight,
+    typeStyle,
+  } = args?.LeadSpace ?? {};
   const image = defaultSrc || leadspaceImg;
   return html`
     <c4d-leadspace
@@ -348,12 +381,15 @@ export const MediumWithImage = (args) => {
       default-src="${ifDefined(defaultSrc)}">
       ${navElements === navigationOptions[0] ? navigationWithTagGroup : ``}
       ${navElements === navigationOptions[1] ? navigationWithBreadcrumbs : ``}
-      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}>${ifDefined(title)}</c4d-leadspace-heading>
+      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}
+        >${ifDefined(title)}</c4d-leadspace-heading
+      >
       ${ifDefined(copy)}
       <c4d-button-group slot="action">
         ${buttons.map((elem) => {
           return html`
-            <c4d-button-group-item cta-type="local"
+            <c4d-button-group-item
+              cta-type="local"
               aria-label="${elem.label}"
               href="${elem.href}"
               >${elem.copy}</c4d-button-group-item
@@ -392,7 +428,9 @@ export const MediumWithVideo = (args) => {
     copy,
     buttons,
     navElements,
-   highlight,  typeStyle } = args?.LeadSpace ?? {};
+    highlight,
+    typeStyle,
+  } = args?.LeadSpace ?? {};
   return html`
     <c4d-leadspace
       size="${LEADSPACE_SIZE.MEDIUM}"
@@ -401,12 +439,15 @@ export const MediumWithVideo = (args) => {
       default-src="${ifDefined(defaultSrc)}">
       ${navElements === navigationOptions[0] ? navigationWithTagGroup : ``}
       ${navElements === navigationOptions[1] ? navigationWithBreadcrumbs : ``}
-      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}>${ifDefined(title)}</c4d-leadspace-heading>
+      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}
+        >${ifDefined(title)}</c4d-leadspace-heading
+      >
       ${ifDefined(copy)}
       <c4d-button-group slot="action">
         ${buttons.map((elem) => {
           return html`
-            <c4d-button-group-item cta-type="local"
+            <c4d-button-group-item
+              cta-type="local"
               aria-label="${elem.label}"
               href="${elem.href}"
               >${elem.copy}</c4d-button-group-item
@@ -428,12 +469,14 @@ MediumWithVideo.story = {
 };
 
 export const Short = (args) => {
-  const { title, navElements, highlight,  typeStyle } = args?.LeadSpace ?? {};
+  const { title, navElements, highlight, typeStyle } = args?.LeadSpace ?? {};
   return html`
     <c4d-leadspace size="${LEADSPACE_SIZE.SHORT}">
       ${navElements === navigationOptions[0] ? navigationWithTagGroup : ``}
       ${navElements === navigationOptions[1] ? navigationWithBreadcrumbs : ``}
-      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}>${ifDefined(title)}</c4d-leadspace-heading>
+      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}
+        >${ifDefined(title)}</c4d-leadspace-heading
+      >
     </c4d-leadspace>
   `;
 };
@@ -465,8 +508,15 @@ Short.story = {
 };
 
 export const ShortWithImage = (args) => {
-  const { alt, defaultSrc, gradientStyleScheme, title, navElements, highlight,  typeStyle } =
-    args?.LeadSpace ?? {};
+  const {
+    alt,
+    defaultSrc,
+    gradientStyleScheme,
+    title,
+    navElements,
+    highlight,
+    typeStyle,
+  } = args?.LeadSpace ?? {};
   const image = defaultSrc || leadspaceImg;
   return html`
     <c4d-leadspace
@@ -476,7 +526,9 @@ export const ShortWithImage = (args) => {
       default-src="${ifDefined(defaultSrc)}">
       ${navElements === navigationOptions[0] ? navigationWithTagGroup : ``}
       ${navElements === navigationOptions[1] ? navigationWithBreadcrumbs : ``}
-      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}>${ifDefined(title)}</c4d-leadspace-heading>
+      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}
+        >${ifDefined(title)}</c4d-leadspace-heading
+      >
       <c4d-background-media
         slot="image"
         alt="${ifDefined(alt)}"
@@ -527,8 +579,15 @@ ShortWithImage.story = {
 };
 
 export const ShortWithVideo = (args) => {
-  const { alt, defaultSrc, gradientStyleScheme, title, navElements, highlight,  typeStyle } =
-    args?.LeadSpace ?? {};
+  const {
+    alt,
+    defaultSrc,
+    gradientStyleScheme,
+    title,
+    navElements,
+    highlight,
+    typeStyle,
+  } = args?.LeadSpace ?? {};
   return html`
     <c4d-leadspace
       size="${LEADSPACE_SIZE.SHORT}"
@@ -537,7 +596,9 @@ export const ShortWithVideo = (args) => {
       default-src="${ifDefined(defaultSrc)}">
       ${navElements === navigationOptions[0] ? navigationWithTagGroup : ``}
       ${navElements === navigationOptions[1] ? navigationWithBreadcrumbs : ``}
-      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}>${ifDefined(title)}</c4d-leadspace-heading>
+      <c4d-leadspace-heading type-style="${typeStyle}" highlight=${highlight}
+        >${ifDefined(title)}</c4d-leadspace-heading
+      >
       <c4d-background-media slot="image" opacity="100">
         <c4d-video-player-container
           video-id="0_ibuqxqbe"
@@ -713,7 +774,10 @@ export default {
             0;
           return {
             href: textNullable(`Link ${i + 1}`, `https://example.com`),
-            copy: text(`Button ${i + 1}`, `${i % 2 == 0 ? 'Primary action' : 'Secondary Action'}`),
+            copy: text(
+              `Button ${i + 1}`,
+              `${i % 2 == 0 ? 'Primary action' : 'Secondary Action'}`
+            ),
             renderIcon: iconMap[icon],
             label: getAriaLabel(icon),
           };
@@ -724,11 +788,7 @@ export default {
           gradientOptions,
           'with-gradient'
         ),
-        typeStyle: select(
-          'Type style',
-          typeStyleOptions,
-          'display-01'
-        ),        
+        typeStyle: select('Type style', typeStyleOptions, 'display-01'),
         alt: text('Image alt text (alt):', 'Image alt text'),
         defaultSrc: text('Default image (defaultSrc):', leadspaceImg),
       }),
diff --git a/packages/web-components/src/components/leadspace/leadspace-heading.ts b/packages/web-components/src/components/leadspace/leadspace-heading.ts
index ee2ca4302b6..7b98d5150cd 100644
--- a/packages/web-components/src/components/leadspace/leadspace-heading.ts
+++ b/packages/web-components/src/components/leadspace/leadspace-heading.ts
@@ -32,13 +32,13 @@ class C4DLeadspaceHeading extends StableSelectorMixin(LitElement) {
   /**
    * The shadow slot this heading content should be in.
    */
-  @property({reflect: true})
+  @property({ reflect: true })
   highlight = '';
 
   /**
    * The type style that can be used for the heading.
    */
-  @property({reflect: true, attribute: 'type-style'})
+  @property({ reflect: true, attribute: 'type-style' })
   typeStyle = 'display-01';
 
   @property()
@@ -55,32 +55,30 @@ class C4DLeadspaceHeading extends StableSelectorMixin(LitElement) {
   }
 
   updated(changedProperties) {
-    
     const textContent = this.innerText;
     const h1 = document.createElement('h1');
     h1.textContent = textContent;
 
-
-    if(changedProperties.has('highlight') && this.highlight) {
+    if (changedProperties.has('highlight') && this.highlight) {
       const index = textContent!.indexOf(this.highlight);
 
       if (index !== -1) {
         const beforeSubstring = textContent!.substring(0, index);
         const modifiedText = document.createElement('span');
         modifiedText.textContent = this.highlight;
-        const afterSubstring = textContent!.substring(index + this.highlight.length);
+        const afterSubstring = textContent!.substring(
+          index + this.highlight.length
+        );
 
         this.replaceChildren(beforeSubstring, modifiedText, afterSubstring, h1);
-     }
+      }
     } else {
       this.replaceChildren(textContent, h1);
     }
   }
 
   render() {
-    return html`
-      <slot></slot>
-    `;
+    return html` <slot></slot> `;
   }
 
   static get stableSelector() {
diff --git a/packages/web-components/src/components/leadspace/leadspace.scss b/packages/web-components/src/components/leadspace/leadspace.scss
index b69267f6c6e..d3da3b0c2a0 100644
--- a/packages/web-components/src/components/leadspace/leadspace.scss
+++ b/packages/web-components/src/components/leadspace/leadspace.scss
@@ -6,4 +6,4 @@
 //
 
 @use '../../../../styles/scss/components/leadspace';
-@use '../../../../carbon-web-components/src/components/breadcrumb/breadcrumb';
\ No newline at end of file
+@use '../../../../carbon-web-components/src/components/breadcrumb/breadcrumb';
diff --git a/packages/web-components/src/components/leadspace/leadspace.ts b/packages/web-components/src/components/leadspace/leadspace.ts
index 14f2b69605a..85cc8f23fef 100644
--- a/packages/web-components/src/components/leadspace/leadspace.ts
+++ b/packages/web-components/src/components/leadspace/leadspace.ts
@@ -150,8 +150,11 @@ class C4DLeadSpace extends StableSelectorMixin(LitElement) {
       }
     });
 
-    if(this.size === 'short') {
-      this.querySelector('c4d-leadspace-heading')?.setAttribute('type-style', 'fluid-heading-05');
+    if (this.size === 'short') {
+      this.querySelector('c4d-leadspace-heading')?.setAttribute(
+        'type-style',
+        'fluid-heading-05'
+      );
     }
   }