From d8ee676d550b677a11568773065e7254b2f12096 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Wed, 21 Feb 2024 02:32:09 +0100
Subject: [PATCH] Prevent invisible pages (#614)

Sometimes after changing the current page, the next page had 0 width and thus was invisible.
---
 src/components/reader/Page.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

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}