From 60514ac56d1a3ffac5319911d417982228ff3181 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Tue, 11 Mar 2025 11:16:34 +0700
Subject: [PATCH] fix: result search scrollable

---
 web/screens/Hub/index.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/web/screens/Hub/index.tsx b/web/screens/Hub/index.tsx
index cd756e8de..d98ba7bbe 100644
--- a/web/screens/Hub/index.tsx
+++ b/web/screens/Hub/index.tsx
@@ -425,7 +425,7 @@ const HubScreen = () => {
                       <ModelSearch onSearchLocal={onSearchUpdate} />
                       <div
                         className={twMerge(
-                          'invisible absolute mt-2 max-h-[400px] w-full overflow-hidden rounded-lg border border-[hsla(var(--app-border))] bg-[hsla(var(--app-bg))] shadow-lg',
+                          'invisible absolute mt-2 max-h-[400px] w-full overflow-y-auto rounded-lg border border-[hsla(var(--app-border))] bg-[hsla(var(--app-bg))] shadow-lg',
                           searchValue.length > 0 && 'visible'
                         )}
                       >
@@ -436,10 +436,7 @@ const HubScreen = () => {
                             </span>
                           </div>
                         ) : (
-                          <ScrollArea
-                            type={showScrollBar ? 'always' : 'scroll'}
-                            className="w-full"
-                          >
+                          <div className="w-full">
                             {searchedModels.map((model) => (
                               <div
                                 key={model.id}
@@ -465,7 +462,7 @@ const HubScreen = () => {
                                 </span>
                               </div>
                             ))}
-                          </ScrollArea>
+                          </div>
                         )}
                       </div>
                     </div>