diff --git a/src/pages/lesson-list/lesson-list.tsx b/src/pages/lesson-list/lesson-list.tsx
index 7bf9b47..b8675df 100644
--- a/src/pages/lesson-list/lesson-list.tsx
+++ b/src/pages/lesson-list/lesson-list.tsx
@@ -29,6 +29,7 @@ import {
   MenuList,
   MenuItem,
   useColorMode,
+  Portal,
 } from '@chakra-ui/react'
 import { AddIcon, EditIcon } from '@chakra-ui/icons'
 import { useTranslation } from 'react-i18next'
@@ -527,20 +528,22 @@ const LessonList = () => {
                                 >
                                   {t('journal.pl.edit')}
                                 </MenuButton>
-                                <MenuList>
-                                  <MenuItem
-                                    onClick={() => handleEditLesson(lesson)}
-                                    icon={<EditIcon />}
-                                  >
-                                    {t('journal.pl.edit')}
-                                  </MenuItem>
-                                  <MenuItem 
-                                    onClick={() => setlessonToDelete(lesson)}
-                                    color="red.500"
-                                  >
-                                    {t('journal.pl.delete')}
-                                  </MenuItem>
-                                </MenuList>
+                                <Portal>
+                                  <MenuList zIndex={1000}>
+                                    <MenuItem
+                                      onClick={() => handleEditLesson(lesson)}
+                                      icon={<EditIcon />}
+                                    >
+                                      {t('journal.pl.edit')}
+                                    </MenuItem>
+                                    <MenuItem 
+                                      onClick={() => setlessonToDelete(lesson)}
+                                      color="red.500"
+                                    >
+                                      {t('journal.pl.delete')}
+                                    </MenuItem>
+                                  </MenuList>
+                                </Portal>
                               </Menu>
                             )}
                           </Flex>