diff --git a/packages/calcite-components/src/components/accordion-item/accordion-item.e2e.ts b/packages/calcite-components/src/components/accordion-item/accordion-item.e2e.ts
index 4f3a7e4ce97..08ed0754245 100644
--- a/packages/calcite-components/src/components/accordion-item/accordion-item.e2e.ts
+++ b/packages/calcite-components/src/components/accordion-item/accordion-item.e2e.ts
@@ -31,6 +31,10 @@ describe("calcite-accordion-item", () => {
         propertyName: "headingLevel",
         defaultValue: undefined,
       },
+      {
+        propertyName: "scale",
+        defaultValue: undefined,
+      },
     ]);
   });
 
@@ -40,6 +44,10 @@ describe("calcite-accordion-item", () => {
         propertyName: "headingLevel",
         value: 2,
       },
+      {
+        propertyName: "scale",
+        value: "m ",
+      },
     ]);
   });
 
diff --git a/packages/calcite-components/src/components/accordion-item/accordion-item.scss b/packages/calcite-components/src/components/accordion-item/accordion-item.scss
index 7dc65ba574f..ce22c4a5c11 100644
--- a/packages/calcite-components/src/components/accordion-item/accordion-item.scss
+++ b/packages/calcite-components/src/components/accordion-item/accordion-item.scss
@@ -180,7 +180,19 @@
 }
 
 .heading {
-  @apply font-medium;
+  @apply font-medium m-0 p-0;
+}
+
+:host([scale="s"]) .heading {
+  font-size: var(--calcite-font-size--2);
+}
+
+:host([scale="m"]) .heading {
+  font-size: var(--calcite-font-size--1);
+}
+
+:host([scale="l"]) .heading {
+  font-size: var(--calcite-font-size-0);
 }
 
 .actions-start,
diff --git a/packages/calcite-components/src/components/accordion-item/accordion-item.tsx b/packages/calcite-components/src/components/accordion-item/accordion-item.tsx
index 71c7e714694..cdccf5eb6b8 100644
--- a/packages/calcite-components/src/components/accordion-item/accordion-item.tsx
+++ b/packages/calcite-components/src/components/accordion-item/accordion-item.tsx
@@ -104,7 +104,7 @@ export class AccordionItem extends LitElement {
    *
    * @private
    */
-  @property() scale: Scale;
+  @property({ reflect: true }) scale: Scale;
 
   // #endregion
 
diff --git a/packages/calcite-components/src/components/accordion/accordion.stories.ts b/packages/calcite-components/src/components/accordion/accordion.stories.ts
index 9f4a2f2dd80..bc57ff22b21 100644
--- a/packages/calcite-components/src/components/accordion/accordion.stories.ts
+++ b/packages/calcite-components/src/components/accordion/accordion.stories.ts
@@ -119,6 +119,116 @@ export const withActions = (): string => html`
   </calcite-accordion>
 `;
 
+export const headingLevelAllScales = (): string => html`
+  <style>
+    .accordion-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      grid-template-rows: 1fr;
+      grid-column-gap: 20px;
+      grid-row-gap: 0px;
+    }
+  </style>
+  <div class="accordion-grid">
+    <div>
+      <h2>Small</h2>
+      <calcite-accordion appearance="solid" scale="s" selection-mode="multiple">
+        <calcite-accordion-item
+          heading-level="1"
+          heading="Heading"
+          description="Description for item"
+          icon-start="banana"
+        >
+          ${accordionItemContent}
+        </calcite-accordion-item>
+        <calcite-accordion-item
+          heading-level="2"
+          heading="Heading"
+          description="Description for item"
+          icon-start="banana"
+        >
+          ${accordionItemContent}
+        </calcite-accordion-item>
+        <calcite-accordion-item
+          heading-level="3"
+          heading="Heading"
+          description="Description for item"
+          icon-start="banana"
+        >
+          ${accordionItemContent}
+        </calcite-accordion-item>
+        <calcite-accordion-item heading="Heading" description="Description for item" icon-start="banana" expanded>
+          ${accordionItemContent}
+        </calcite-accordion-item>
+      </calcite-accordion>
+    </div>
+    <div>
+      <h2>Medium</h2>
+      <calcite-accordion appearance="solid" selection-mode="multiple">
+        <calcite-accordion-item
+          heading-level="1"
+          heading="Heading"
+          description="Description for item"
+          icon-start="banana"
+        >
+          ${accordionItemContent}
+        </calcite-accordion-item>
+        <calcite-accordion-item
+          heading-level="2"
+          heading="Heading"
+          description="Description for item"
+          icon-start="banana"
+        >
+          ${accordionItemContent}
+        </calcite-accordion-item>
+        <calcite-accordion-item
+          heading-level="3"
+          heading="Heading"
+          description="Description for item"
+          icon-start="banana"
+        >
+          ${accordionItemContent}
+        </calcite-accordion-item>
+        <calcite-accordion-item heading="Heading" description="Description for item" icon-start="banana" expanded>
+          ${accordionItemContent}
+        </calcite-accordion-item>
+      </calcite-accordion>
+    </div>
+    <div>
+      <h2>Large</h2>
+      <calcite-accordion appearance="solid" scale="l" selection-mode="multiple">
+        <calcite-accordion-item
+          heading-level="1"
+          heading="Heading"
+          description="Description for item"
+          icon-start="banana"
+        >
+          ${accordionItemContent}
+        </calcite-accordion-item>
+        <calcite-accordion-item
+          heading-level="2"
+          heading="Heading"
+          description="Description for item"
+          icon-start="banana"
+        >
+          ${accordionItemContent}
+        </calcite-accordion-item>
+        <calcite-accordion-item
+          heading-level="3"
+          heading="Heading"
+          description="Description for item"
+          icon-start="banana"
+        >
+          ${accordionItemContent}
+        </calcite-accordion-item>
+        <calcite-accordion-item heading="Heading" description="Description for item" icon-start="banana" expanded>
+          ${accordionItemContent}
+        </calcite-accordion-item>
+      </calcite-accordion>
+    </div>
+  </div>
+`;
+
 export const darkModeRTL_TestOnly = (): string => html`
   <calcite-accordion scale="m" appearance="solid" selection-mode="multiple" class="calcite-mode-dark" dir="rtl">
     <calcite-accordion-item heading="Heading" description="Description for item" icon-start="banana">