diff --git a/desktop-app/src/renderer/components/DropDown/index.tsx b/desktop-app/src/renderer/components/DropDown/index.tsx
index eb45b6dfd..20973e1a5 100644
--- a/desktop-app/src/renderer/components/DropDown/index.tsx
+++ b/desktop-app/src/renderer/components/DropDown/index.tsx
@@ -40,7 +40,7 @@ export function DropDown({ label, options, className }: Props) {
             leaveFrom="transform opacity-100 scale-100"
             leaveTo="transform opacity-0 scale-95"
           >
-            <Menu.Items className="z-50 mt-2 w-fit origin-top-right divide-y divide-slate-100 rounded-md bg-slate-100 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-slate-900">
+            <Menu.Items className="z-50 mt-2 max-h-80 w-fit origin-top-right divide-y divide-slate-100 overflow-y-auto rounded-md bg-slate-100 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-slate-900">
               <div className="px-1 py-1 ">
                 {options.map((option, idx) => {
                   if (option.type === 'separator') {