diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx
index 8c8c167..b87ed41 100644
--- a/src/components/sidebar/Sidebar.tsx
+++ b/src/components/sidebar/Sidebar.tsx
@@ -89,11 +89,16 @@ export default function Sidebar() {
             aria-describedby="modal-modal-description"
             >
             <Box sx={style}>
-              <Typography id="modal-modal-title" variant="h6" component="h2">
-                Deseja realmente sair ?
-              </Typography>
-              <Link href='/'><Button variant="contained" sx={{mt:5}} onClick={() => signOut()}>Sim</Button></Link>
-              <Button variant="contained" onClick={handleClose} color="error" sx={{mt:5 ,ml:1}}>Não</Button>
+              <ModalContainer>
+                <Image src='/assets/marca1.png' width={250} height={200}/>
+                <Typography id="modal-modal-title" variant="subtitle2" component="p" style={{color: 'gray'}}>
+                  Deseja realmente sair ?
+                </Typography>
+                <article>
+                  <Link href='/'><button onClick={() => signOut()}>Sair</button></Link>
+                  <button onClick={handleClose} color="error">Voltar</button>
+                </article>
+              </ModalContainer>
             </Box>
           </Modal>
           </ul>
diff --git a/src/components/sidebar/SidebarView.ts b/src/components/sidebar/SidebarView.ts
index 1a3b3b5..9982cbb 100644
--- a/src/components/sidebar/SidebarView.ts
+++ b/src/components/sidebar/SidebarView.ts
@@ -3,7 +3,7 @@ import styled from 'styled-components'
 interface SidebarViewInterface {
   economiaDrawer: boolean | null,
   modalOpen: boolean | null,
-  pldDrawer: boolean | undefined
+  pldDrawer?: boolean | undefined
 }
 
 export const SidebarView = styled.nav<SidebarViewInterface>`