Prevent "ReaderChapterViewer" from overlapping each other

Seems like not all browsers handle

width/height: 100%
min-width/min-height: fit-content

correctly.
the "min" setting just never applies and the size is stuck at 100%.

src/modules/reader/components/viewer/ReaderChapterViewer.tsx

@@ -344,10 +344,8 @@ const BaseReaderChapterViewer = ({
     return (
         <Stack
             sx={{
-                width: '100%',
-                minWidth: 'fit-content',
-                height: '100%',
-                minHeight: 'fit-content',
+                width: 'fit-content',
+                height: 'fit-content',
                 margin: 'auto',
                 flexWrap: 'nowrap',
                 ...applyStyles(shouldHideChapter, {