From bfefacb9402ae81d74bdd9958c6673b4fb1bcc5f Mon Sep 17 00:00:00 2001
From: nsprenkle <nsprenkle@2u.com>
Date: Tue, 2 Dec 2025 15:14:18 -0500
Subject: [PATCH] feat: give unit title unique CSS class, preserving existing
 size

---
 src/index.scss                           | 5 +++++
 src/plugin-slots/UnitTitleSlot/index.jsx | 5 +----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/index.scss b/src/index.scss
index 9830be4f..14831d54 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -302,6 +302,11 @@
     padding-left: 40px;
     padding-right: 40px;
   }
+
+  // Unit title is styled as an H3
+  .unit-title {
+    font-size: var(--pgn-typography-font-size-h3-base);
+  }
 }
 
 .unit-iframe-wrapper {
diff --git a/src/plugin-slots/UnitTitleSlot/index.jsx b/src/plugin-slots/UnitTitleSlot/index.jsx
index 78767ce1..237f35e0 100644
--- a/src/plugin-slots/UnitTitleSlot/index.jsx
+++ b/src/plugin-slots/UnitTitleSlot/index.jsx
@@ -27,10 +27,7 @@ const UnitTitleSlot = ({
     >
       <div className="d-flex justify-content-between">
         <div className="mb-0">
-          {/* Unit title must be h1 as the page's primary heading for screen reader and accessibility compliance.
-              See: https://edx.readthedocs.io/projects/open-edx-building-and-running-a-course/en/latest/course_components/create_html_component.html#the-visual-editor
-              JIRA: https://2u-internal.atlassian.net/browse/AU-2135 */}
-          <h1 className="h3">{unit.title}</h1>
+          <h1 className="unit-title">{unit.title}</h1>
         </div>
         {isEnabledOutlineSidebar && renderUnitNavigation(true)}
       </div>