diff --git a/src/chakra-components/menu.tsx b/src/chakra-components/menu.tsx
index 1be89f8..450deac 100644
--- a/src/chakra-components/menu.tsx
+++ b/src/chakra-components/menu.tsx
@@ -77,6 +77,7 @@ export const MenuList = <
   const initialCss: SystemStyleObject = {
     ...selectStyles.content,
     maxHeight: `${maxHeight}px`,
+    position: "relative", // required for offset[Height, Top] > keyboard scroll
   };
 
   const css = chakraStyles?.menuList