diff --git a/src/HotKeyPanel.tsx b/src/HotKeyPanel.tsx
index 3d69f10..fea02f6 100644
--- a/src/HotKeyPanel.tsx
+++ b/src/HotKeyPanel.tsx
@@ -81,6 +81,7 @@ const HotKeyEntry = ({
           }}
           transformItem={(e) => workflowNamesByUid[e]}
           className={"w-full"}
+          popoverProps={{ portalClassName: "roamjs-hotkey-dropdown" }}
         />
       </Label>
       <Button
diff --git a/src/index.ts b/src/index.ts
index 113a35e..fd50bac 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -107,6 +107,11 @@ export default runExtension(async ({ extensionAPI }) => {
 .roamjs-smartblock-menu {
   width: 300px;
 }
+
+.roamjs-hotkey-dropdown .bp3-menu {
+  max-height: 300px;
+  overflow-y: auto;
+}
 .rm-settings-tabs .roamjs-daily-config-tabs .bp3-tab-list {
   padding: 2px;
   background: none;