From bceeab50480c5011505704eb80af85968eb5a972 Mon Sep 17 00:00:00 2001
From: JC Franco <jfranco@esri.com>
Date: Mon, 1 Jul 2024 12:24:21 -0700
Subject: [PATCH] fix(block-section): apply missing CSS class to start/end icon
 (#9688)

**Related Issue:** #9703

## Summary

Updates icon rendering to use class instead of value for styling.
---
 .../src/components/block-section/block-section.tsx            | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/calcite-components/src/components/block-section/block-section.tsx b/packages/calcite-components/src/components/block-section/block-section.tsx
index 01de828ae29..82f42b74585 100644
--- a/packages/calcite-components/src/components/block-section/block-section.tsx
+++ b/packages/calcite-components/src/components/block-section/block-section.tsx
@@ -224,10 +224,10 @@ export class BlockSection implements LocalizedComponent, T9nComponent, LoadableC
     /** Icon scale is not variable as the component does not have a scale property */
     return (
       <calcite-icon
-        class={isIconStart ? this.iconStart : this.iconEnd}
+        class={isIconStart ? CSS.iconStart : CSS.iconEnd}
         flipRtl={isIconStart ? flipRtlStart : flipRtlEnd}
         icon={isIconStart ? this.iconStart : this.iconEnd}
-        key={isIconStart ? CSS.iconStart : CSS.iconEnd}
+        key={isIconStart ? this.iconStart : this.iconEnd}
         scale="s"
       />
     );