From acb229d16ac9eb950b9bf0135af600504cf0aecf Mon Sep 17 00:00:00 2001
From: matheus <klinkonskydev@gmail.com>
Date: Thu, 31 Jul 2025 08:21:20 -0300
Subject: [PATCH] :wrench: fix: added max-height property to make the dropdown
 content scrollable

Fixes #1387
---
 desktop-app/src/renderer/components/DropDown/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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') {