diff --git a/.changeset/tall-rules-attend.md b/.changeset/tall-rules-attend.md
new file mode 100644
index 0000000000..3da16d29f0
--- /dev/null
+++ b/.changeset/tall-rules-attend.md
@@ -0,0 +1,5 @@
+---
+'@baloise/ds-core': patch
+---
+
+**heading**: get font size before render
diff --git a/packages/core/src/components/bal-heading/bal-heading.tsx b/packages/core/src/components/bal-heading/bal-heading.tsx
index ed0fde5b53..cd3ae6dfca 100644
--- a/packages/core/src/components/bal-heading/bal-heading.tsx
+++ b/packages/core/src/components/bal-heading/bal-heading.tsx
@@ -35,6 +35,7 @@ export class Heading implements ComponentInterface {
 
   @Watch('level')
   levelWatcher() {
+    console.log('level')
     this.updateAutoFontSize()
   }
 
@@ -47,6 +48,7 @@ export class Heading implements ComponentInterface {
 
   @Watch('visualLevel')
   visualLevelWatcher() {
+    console.log('visualLevelWatcher')
     this.updateAutoFontSize()
   }
 
@@ -98,6 +100,12 @@ export class Heading implements ComponentInterface {
    */
 
   connectedCallback(): void {
+    console.log('connectedCallback')
+    this.updateAutoFontSize()
+  }
+
+  componentWillRender(): Promise<void> | void {
+    console.log('componentWillRender')
     this.updateAutoFontSize()
   }
 
@@ -160,6 +168,8 @@ export class Heading implements ComponentInterface {
     const Heading = this.tag
     const fontColor = this.fontColor
 
+    console.log('render')
+
     return (
       <Host
         class={{
diff --git a/packages/core/stencil.config.ts b/packages/core/stencil.config.ts
index 45080c8714..b2fbbe4770 100644
--- a/packages/core/stencil.config.ts
+++ b/packages/core/stencil.config.ts
@@ -59,6 +59,8 @@ export const config: Config = {
   ],
   extras: {
     initializeNextTick: true,
+    experimentalScopedSlotChanges: true,
+    experimentalSlotFixes: true,
   },
   outputTargets: [
     {