diff --git a/src/modules/reader/components/overlay/navigation/desktop/ReaderNavBarDesktopPageNavigation.tsx b/src/modules/reader/components/overlay/navigation/desktop/ReaderNavBarDesktopPageNavigation.tsx
index 8880133c..08278967 100644
--- a/src/modules/reader/components/overlay/navigation/desktop/ReaderNavBarDesktopPageNavigation.tsx
+++ b/src/modules/reader/components/overlay/navigation/desktop/ReaderNavBarDesktopPageNavigation.tsx
@@ -53,9 +53,9 @@ export const ReaderNavBarDesktopPageNavigation = ({
                     value={getNextIndexFromPage(currentPage)}
                     onChange={(e) => openPage(e.target.value as number)}
                 >
-                    {pages.map(({ primary: { index }, name }) => (
-                        <MenuItem key={index} value={index}>
-                            {name}
+                    {pages.map((page) => (
+                        <MenuItem key={getNextIndexFromPage(page)} value={getNextIndexFromPage(page)}>
+                            {page.name}
                         </MenuItem>
                     ))}
                 </Select>