fix(existing): one

Signed-off-by: Sudhanshu Dasgupta <[email protected]>

src/custom/ChartDialog/ChartDialog.tsx

@@ -1,25 +1,33 @@
 import React from 'react';
+import { Dialog } from '../../base';
 import { DialogActions } from '../../base/DialogActions';
 import { DialogContent } from '../../base/DialogContent';
 import { DialogContentText } from '../../base/DialogContentText';
-import { StyledDialog, StyledDialogTitle } from '../Dialog';
+import { StyledDialogTitle } from '../Dialog';
 
 interface ChartDialogProps {
   open: boolean;
   content: React.ReactNode;
   title: string;
   actions?: React.ReactNode;
+  onClose: () => void;
 }
 
-function StyledChartDialog({ open, content, title, actions }: ChartDialogProps): JSX.Element {
+function StyledChartDialog({
+  open,
+  content,
+  title,
+  actions,
+  onClose
+}: ChartDialogProps): JSX.Element {
   return (
-    <StyledDialog fullWidth maxWidth="md" open={open}>
+    <Dialog open={open} onClose={onClose}>
       <StyledDialogTitle>{title}</StyledDialogTitle>
       <DialogContent>
         <DialogContentText>{content}</DialogContentText>
       </DialogContent>
       <DialogActions>{actions}</DialogActions>
-    </StyledDialog>
+    </Dialog>
   );
 }