diff --git a/src/components/reader/Page.tsx b/src/components/reader/Page.tsx
index 0b0a63bc..ef1fe910 100644
--- a/src/components/reader/Page.tsx
+++ b/src/components/reader/Page.tsx
@@ -61,7 +61,13 @@ export const Page = forwardRef((props: IProps, ref: any) => {
     return (
         <Box
             ref={ref}
-            sx={{ display: 'flex', justifyContent: 'center', minWidth: isDoublePageReader ? '100%' : undefined }}
+            sx={{
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center',
+                justifyContent: 'center',
+                minWidth: isDoublePageReader ? '100%' : undefined,
+            }}
         >
             <SpinnerImage
                 src={src}