diff --git a/packages/components/src/components/date-picker-month-header/date-picker-month-header.e2e.ts b/packages/components/src/components/date-picker-month-header/date-picker-month-header.e2e.ts
index fdc3dceb868..b8955db8dc2 100644
--- a/packages/components/src/components/date-picker-month-header/date-picker-month-header.e2e.ts
+++ b/packages/components/src/components/date-picker-month-header/date-picker-month-header.e2e.ts
@@ -66,4 +66,18 @@ describe("calcite-date-picker-month-header", () => {
     const yearInput = await page.find(`calcite-date-picker-month-header >>> input`);
     expect(yearInput.getAttribute("aria-label")).toBe(messages.year);
   });
+
+  it("displays the correct scale for actions", async () => {
+    const datePickerMonthHeader = await page.find("calcite-date-picker-month-header");
+    const [prev, next] = await findAll(page, "calcite-date-picker-month-header >>> .chevron");
+
+    const scales = ["s", "m", "l"] as const;
+
+    for (const scale of scales) {
+      datePickerMonthHeader.setProperty("scale", scale);
+      await page.waitForChanges();
+      expect(await prev.getProperty("scale")).toBe(scale);
+      expect(await next.getProperty("scale")).toBe(scale);
+    }
+  });
 });
diff --git a/packages/components/src/components/date-picker-month-header/date-picker-month-header.tsx b/packages/components/src/components/date-picker-month-header/date-picker-month-header.tsx
index c40d5e836fc..8bb644c02e6 100644
--- a/packages/components/src/components/date-picker-month-header/date-picker-month-header.tsx
+++ b/packages/components/src/components/date-picker-month-header/date-picker-month-header.tsx
@@ -524,7 +524,7 @@ export class DatePickerMonthHeader extends LitElement {
         onKeyDown={isDirectionRight ? this.nextMonthKeydown : this.prevMonthKeydown}
         ref={isDirectionRight ? this.nextMonthActionRef : this.prevMonthActionRef}
         role="button"
-        scale={this.scale === "l" ? "l" : "m"}
+        scale={this.scale}
         text={isDirectionRight ? this.messages.nextMonth : this.messages.prevMonth}
       />
     );