Update mui dependencies

src/components/molecules/ConfirmDialog.tsx

@@ -77,9 +77,11 @@ export const ConfirmDialog = ({
             </DialogContent>
             <DialogActions>
                 <Stack
-                    sx={{ width: '100%' }}
                     direction="row"
-                    justifyContent={actions.extra.show ? 'space-between' : 'end'}
+                    sx={{
+                        justifyContent: actions.extra.show ? 'space-between' : 'end',
+                        width: '100%',
+                    }}
                 >
                     {actions.extra.show && (
                         <Button onClick={onExtra} variant={actions.extra.contain ? 'contained' : undefined}>

src/components/molecules/DownloadStateIndicator.tsx

@@ -46,7 +46,13 @@ export const DownloadStateIndicator = ({ download }: { download: ChapterDownload
                     justifyContent: 'center',
                 }}
             >
-                <Typography variant="caption" component="div" color="text.secondary">
+                <Typography
+                    variant="caption"
+                    component="div"
+                    sx={{
+                        color: 'text.secondary',
+                    }}
+                >
                     <>
                         {download.progress !== 0 && `${Math.round(download.progress * 100)}%`}
                         {download.progress === 0 && t(DOWNLOAD_STATE_TO_TRANSLATION_KEY_MAP[download.state])}