From a5cc59e07cddb8344167e0ce51b13c41eec8aec1 Mon Sep 17 00:00:00 2001
From: guillaume-peoch-sonarsource <guillaume.peoch@sonarsource.com>
Date: Fri, 27 Sep 2024 11:04:28 +0200
Subject: [PATCH] [NO JIRA] Remove sw-body-*

---
 .../apps/overview/branches/DismissablePromotedSection.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/server/sonar-web/src/main/js/apps/overview/branches/DismissablePromotedSection.tsx b/server/sonar-web/src/main/js/apps/overview/branches/DismissablePromotedSection.tsx
index 45fda6b513e..aa1f6e92636 100644
--- a/server/sonar-web/src/main/js/apps/overview/branches/DismissablePromotedSection.tsx
+++ b/server/sonar-web/src/main/js/apps/overview/branches/DismissablePromotedSection.tsx
@@ -18,7 +18,7 @@
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 import styled from '@emotion/styled';
-import { ButtonIcon, ButtonSize, ButtonVariety, IconX } from '@sonarsource/echoes-react';
+import { ButtonIcon, ButtonSize, ButtonVariety, Heading, IconX } from '@sonarsource/echoes-react';
 import { ButtonPrimary, ButtonSecondary, themeBorder, themeColor } from 'design-system';
 import React, { useState } from 'react';
 import { translate } from '../../../helpers/l10n';
@@ -61,7 +61,7 @@ export default function DismissablePromotedSection({
   return (
     <StyledWrapper className="sw-p-4 sw-pl-6 sw-my-6 sw-rounded-2">
       <div className="sw-flex sw-justify-between sw-mb-2">
-        <StyledTitle className="sw-body-md-highlight">{title}</StyledTitle>
+        <StyledHeading as="h3">{title}</StyledHeading>
 
         <ButtonIcon
           Icon={IconX}
@@ -71,7 +71,7 @@ export default function DismissablePromotedSection({
           variety={ButtonVariety.DefaultGhost}
         />
       </div>
-      <p className="sw-body-sm sw-mb-4">{content}</p>
+      <p className="sw-mb-4">{content}</p>
 
       <div>
         <ButtonPrimary className="sw-mr-2" onClick={handlePrimaryButtonClick}>
@@ -88,6 +88,6 @@ const StyledWrapper = styled.div`
   border: ${themeBorder('default')};
 `;
 
-const StyledTitle = styled.p`
+const StyledHeading = styled(Heading)`
   color: ${themeColor('primary')};
 `;
-- 
2.39.5