From c5dce79443ea31f4913cd29b17394d782f48b581 Mon Sep 17 00:00:00 2001
From: Navin Karkera <navin@disroot.org>
Date: Mon, 27 Nov 2023 16:17:50 +0530
Subject: [PATCH] refactor: remove unnecessary h5 class

---
 src/course-outline/status-bar/StatusBar.jsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/course-outline/status-bar/StatusBar.jsx b/src/course-outline/status-bar/StatusBar.jsx
index e842d8cfc5..62d28f0430 100644
--- a/src/course-outline/status-bar/StatusBar.jsx
+++ b/src/course-outline/status-bar/StatusBar.jsx
@@ -42,7 +42,7 @@ const StatusBar = ({
   return (
     <Stack direction="horizontal" gap={3.5} className="outline-status-bar" data-testid="outline-status-bar">
       <div className="outline-status-bar__item">
-        <h5 className="h5">{intl.formatMessage(messages.startDateTitle)}</h5>
+        <h5>{intl.formatMessage(messages.startDateTitle)}</h5>
         <Hyperlink
           className="small"
           destination={scheduleDestination}
@@ -52,7 +52,7 @@ const StatusBar = ({
         </Hyperlink>
       </div>
       <div className="outline-status-bar__item">
-        <h5 className="h5">{intl.formatMessage(messages.pacingTypeTitle)}</h5>
+        <h5>{intl.formatMessage(messages.pacingTypeTitle)}</h5>
         <span className="small">
           {isSelfPaced
             ? intl.formatMessage(messages.pacingTypeSelfPaced)
@@ -60,7 +60,7 @@ const StatusBar = ({
         </span>
       </div>
       <div className="outline-status-bar__item mr-4">
-        <h5 className="h5">{intl.formatMessage(messages.checklistTitle)}</h5>
+        <h5>{intl.formatMessage(messages.checklistTitle)}</h5>
         <Hyperlink
           className="small"
           destination={checklistDestination}
@@ -70,10 +70,12 @@ const StatusBar = ({
         </Hyperlink>
       </div>
       <div className="outline-status-bar__item ml-4">
-        <h5 className="h5">{intl.formatMessage(messages.highlightEmailsTitle)}</h5>
+        <h5>{intl.formatMessage(messages.highlightEmailsTitle)}</h5>
         <div className="d-flex align-items-end">
           {highlightsEnabledForMessaging ? (
-            <span className="small">{intl.formatMessage(messages.highlightEmailsEnabled)}</span>
+            <span data-testid="highlights-enabled-span" className="small">
+              {intl.formatMessage(messages.highlightEmailsEnabled)}
+            </span>
           ) : (
             <Button size="sm" onClick={openEnableHighlightsModal}>
               {intl.formatMessage(messages.highlightEmailsButton)}