fix logout dialog

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;

src/components/Sidebar/ExitSection.tsx

@@ -10,9 +10,7 @@ export default function ExitSection() {
 
     const confirmLogout = () => {
         setDialogMessage({
-            title: `${constants.CONFIRM} ${constants.LOGOUT}`,
+            title: constants.LOGOUT_MESSAGE,
-            content: constants.LOGOUT_MESSAGE,
-
             proceed: {
                 text: constants.LOGOUT,
                 action: logoutUser,

src/utils/strings/englishConstants.tsx

@@ -200,7 +200,7 @@ const englishConstants = {
             <p>Your request will be processed within 72 hours.</p>
         </>
     ),
-    LOGOUT_MESSAGE: 'Sure you want to logout?',
+    LOGOUT_MESSAGE: 'Are you sure you want to logout?',
     CHANGE: 'Change',
     CHANGE_EMAIL: 'Change email',
     OK: 'Ok',