From 08cd02040272ea0e950fc3b621e9855e0b372426 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Fri, 12 Nov 2021 22:47:47 +0530
Subject: [PATCH] fix: Two-factor activation modal (#736)

---
 app/assets/javascripts/components/shared/ModalDialog.tsx     | 2 +-
 .../preferences/panes/account/changeEmail/index.tsx          | 5 +----
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/app/assets/javascripts/components/shared/ModalDialog.tsx b/app/assets/javascripts/components/shared/ModalDialog.tsx
index e2a46a27a..f465bf88f 100644
--- a/app/assets/javascripts/components/shared/ModalDialog.tsx
+++ b/app/assets/javascripts/components/shared/ModalDialog.tsx
@@ -31,7 +31,7 @@ export const ModalDialogLabel: FunctionComponent<{
   closeDialog: () => void;
   className?: string;
 }> = ({ children, closeDialog, className }) => (
-  <AlertDialogLabel className={className}>
+  <AlertDialogLabel className={`sk-panel-header px-4.5 ${className}`}>
     <div className="w-full flex flex-row justify-between items-center">
       <div className="flex-grow color-text text-base font-medium">
         {children}
diff --git a/app/assets/javascripts/preferences/panes/account/changeEmail/index.tsx b/app/assets/javascripts/preferences/panes/account/changeEmail/index.tsx
index 10e787053..18d28d29f 100644
--- a/app/assets/javascripts/preferences/panes/account/changeEmail/index.tsx
+++ b/app/assets/javascripts/preferences/panes/account/changeEmail/index.tsx
@@ -154,10 +154,7 @@ export const ChangeEmail: FunctionalComponent<Props> = ({
   return (
     <div>
       <ModalDialog>
-        <ModalDialogLabel
-          closeDialog={handleDialogClose}
-          className="sk-panel-header px-4.5"
-        >
+        <ModalDialogLabel closeDialog={handleDialogClose}>
           Change Email
         </ModalDialogLabel>
         <ModalDialogDescription className="px-4.5">