diff --git a/src/components/ComicView.tsx b/src/components/ComicView.tsx
index 6ad8988..d55d874 100644
--- a/src/components/ComicView.tsx
+++ b/src/components/ComicView.tsx
@@ -1,16 +1,20 @@
 //@ts-nocheck
 import { Box } from '@mantine/core';
-import { equals } from 'ramda';
-import { FC, useLayoutEffect } from 'react';
-import { useMeasure } from 'react-use';
+import { equals, head } from 'ramda';
+import { FC, useLayoutEffect, useMemo } from 'react';
+import { useMeasure, useUpdate } from 'react-use';
+import { sortedFilesSelector, useFileListStore } from '../states/files';
 import { useZoomState } from '../states/zoom';
 import { ContinuationView } from './ContinuationView';
 import { SingleView } from './SingleView';
 
 export const ComicView: FC = () => {
+  const forceUpdate = useUpdate();
+  const files = useFileListStore(sortedFilesSelector());
   const viewMode = useZoomState.use.viewMode();
   const updateViewHeight = useZoomState.use.updateViewHeight();
   const [containerRef, { height }] = useMeasure();
+  const firstFileId = useMemo(() => head(files)?.id ?? '', [files, files.length]);
 
   useLayoutEffect(() => {
     updateViewHeight(height);
@@ -19,7 +23,7 @@ export const ComicView: FC = () => {
   return (
     <Box w="100%" h="100%" sx={{ overflow: 'hidden' }} ref={containerRef}>
       {equals(viewMode, 'single') && <SingleView />}
-      {equals(viewMode, 'continuation') && <ContinuationView />}
+      {equals(viewMode, 'continuation') && <ContinuationView key={firstFileId} />}
     </Box>
   );
 };