diff --git a/src/components/reader/Page.tsx b/src/components/reader/Page.tsx
index 74f1e753..9092068d 100644
--- a/src/components/reader/Page.tsx
+++ b/src/components/reader/Page.tsx
@@ -91,7 +91,12 @@ export const Page = forwardRef((props: IProps, ref: any) => {
                 spinnerStyle={{
                     ...imgStyle,
                     height: '100vh',
-                    width: isMobileWidth ? '100vw' : 'calc(100% * 0.5)',
+                    // eslint-disable-next-line no-nested-ternary
+                    width: isMobileWidth
+                        ? '100vw'
+                        : isHorizontalReaderType(settings.readerType)
+                          ? '50vw'
+                          : 'calc(100% * 0.5)',
                     backgroundColor: '#525252',
                 }}
                 imgStyle={imgStyle}