From 150e97744dcfa3a5148ba019247e6735ffcd6b84 Mon Sep 17 00:00:00 2001
From: Germain <germains@element.io>
Date: Wed, 19 Jul 2023 09:03:56 +0100
Subject: [PATCH] Fix changelog dialog heading size (#11286)

---
 src/components/views/dialogs/ChangelogDialog.tsx     |  5 ++++-
 .../__snapshots__/ChangelogDialog-test.tsx.snap      | 12 +++++++++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/views/dialogs/ChangelogDialog.tsx b/src/components/views/dialogs/ChangelogDialog.tsx
index 56b5758c62..f44a092e39 100644
--- a/src/components/views/dialogs/ChangelogDialog.tsx
+++ b/src/components/views/dialogs/ChangelogDialog.tsx
@@ -20,6 +20,7 @@ import React from "react";
 import { _t } from "../../../languageHandler";
 import QuestionDialog from "./QuestionDialog";
 import Spinner from "../elements/Spinner";
+import Heading from "../typography/Heading";
 
 interface IProps {
     newVersion: string;
@@ -100,7 +101,9 @@ export default class ChangelogDialog extends React.Component<IProps, State> {
             }
             return (
                 <div key={repo}>
-                    <h2>{repo}</h2>
+                    <Heading as="h2" size="4">
+                        {repo}
+                    </Heading>
                     <ul>{content}</ul>
                 </div>
             );
diff --git a/test/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap b/test/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap
index 83bc2f7d3f..23c91750a9 100644
--- a/test/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap
+++ b/test/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap
@@ -38,7 +38,9 @@ exports[`<ChangelogDialog /> should fetch github proxy url for each repo with ol
         class="mx_ChangelogDialog_content"
       >
         <div>
-          <h2>
+          <h2
+            class="mx_Heading_h4"
+          >
             vector-im/element-web
           </h2>
           <ul>
@@ -56,7 +58,9 @@ exports[`<ChangelogDialog /> should fetch github proxy url for each repo with ol
           </ul>
         </div>
         <div>
-          <h2>
+          <h2
+            class="mx_Heading_h4"
+          >
             matrix-org/matrix-react-sdk
           </h2>
           <ul>
@@ -74,7 +78,9 @@ exports[`<ChangelogDialog /> should fetch github proxy url for each repo with ol
           </ul>
         </div>
         <div>
-          <h2>
+          <h2
+            class="mx_Heading_h4"
+          >
             matrix-org/matrix-js-sdk
           </h2>
           <ul>