SONAR-21445 migrate Marketplace page to the new UI

1 files changed, 7 insertions, 6 deletions

diff --git a/server/sonar-web/src/main/js/apps/marketplace/Header.tsx b/server/sonar-web/src/main/js/apps/marketplace/Header.tsx
index 1bf06a2d94c..9e02ad24d8d 100644
--- a/server/sonar-web/src/main/js/apps/marketplace/Header.tsx
+++ b/server/sonar-web/src/main/js/apps/marketplace/Header.tsx
@@ -17,6 +17,7 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
+import { Title } from 'design-system';
 import * as React from 'react';
 import { translate } from '../../helpers/l10n';
 import { EditionKey } from '../../types/editions';
@@ -25,16 +26,16 @@ interface Props {
   currentEdition?: EditionKey;
 }
 
-export default function Header({ currentEdition }: Props) {
+export default function Header({ currentEdition }: Readonly<Props>) {
   return (
-    <header className="page-header" id="marketplace-header">
-      <h2 className="page-title">{translate('marketplace.page')}</h2>
+    <header id="marketplace-header">
+      <Title>{translate('marketplace.page')}</Title>
       {currentEdition && (
-        <h3 className="page-description">
+        <div className="sw-body-sm-highlight">
           {translate('marketplace.page.you_are_running', currentEdition)}
-        </h3>
+        </div>
       )}
-      <p className="page-description">
+      <p className="sw-mt-2">
         {currentEdition === 'datacenter'
           ? translate('marketplace.page.description_best_edition')
           : translate('marketplace.page.description')}