From fec1785a328ced5d4ec0dc9c8c742a9ecf57e49d Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Mon, 8 May 2023 07:43:59 +0000
Subject: [PATCH] Wrap the title heading on Notification panel with
 mx_BaseCard_header_title (#10818)

---
 src/components/structures/NotificationPanel.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/structures/NotificationPanel.tsx b/src/components/structures/NotificationPanel.tsx
index 67e3523f38..cb580dd134 100644
--- a/src/components/structures/NotificationPanel.tsx
+++ b/src/components/structures/NotificationPanel.tsx
@@ -93,9 +93,11 @@ export default class NotificationPanel extends React.PureComponent<IProps, IStat
             >
                 <BaseCard
                     header={
-                        <Heading size="h4" className="mx_BaseCard_header_title_heading">
-                            {_t("Notifications")}
-                        </Heading>
+                        <div className="mx_BaseCard_header_title">
+                            <Heading size="h4" className="mx_BaseCard_header_title_heading">
+                                {_t("Notifications")}
+                            </Heading>
+                        </div>
                     }
                     /**
                      * Need to rename this CSS class to something more generic