diff --git a/src/components/DialogBox/base.tsx b/src/components/DialogBox/base.tsx index 7ea9d29d5..6db198c75 100644 --- a/src/components/DialogBox/base.tsx +++ b/src/components/DialogBox/base.tsx @@ -3,6 +3,7 @@ import { Dialog, styled } from '@mui/material'; const DialogBoxBase = styled(Dialog)(({ theme }) => ({ '& .MuiDialog-paper': { padding: theme.spacing(1, 1.5), + maxWidth: '346px', }, '& .MuiDialogTitle-root': { padding: theme.spacing(2), @@ -14,6 +15,9 @@ const DialogBoxBase = styled(Dialog)(({ theme }) => ({ '.MuiDialogTitle-root + .MuiDialogContent-root': { paddingTop: 0, }, + '.MuiDialogTitle-root + .MuiDialogActions-root': { + paddingTop: theme.spacing(3), + }, })); export default DialogBoxBase; diff --git a/src/components/Sidebar/ExitSection.tsx b/src/components/Sidebar/ExitSection.tsx index ca788cc44..f7d0d5e14 100644 --- a/src/components/Sidebar/ExitSection.tsx +++ b/src/components/Sidebar/ExitSection.tsx @@ -10,9 +10,7 @@ export default function ExitSection() { const confirmLogout = () => { setDialogMessage({ - title: `${constants.CONFIRM} ${constants.LOGOUT}`, - content: constants.LOGOUT_MESSAGE, - + title: constants.LOGOUT_MESSAGE, proceed: { text: constants.LOGOUT, action: logoutUser, diff --git a/src/utils/strings/englishConstants.tsx b/src/utils/strings/englishConstants.tsx index f993cfab5..4a277cc3a 100644 --- a/src/utils/strings/englishConstants.tsx +++ b/src/utils/strings/englishConstants.tsx @@ -200,7 +200,7 @@ const englishConstants = {

Your request will be processed within 72 hours.

), - LOGOUT_MESSAGE: 'Sure you want to logout?', + LOGOUT_MESSAGE: 'Are you sure you want to logout?', CHANGE: 'Change', CHANGE_EMAIL: 'Change email', OK: 'Ok',