From 3a6356517d5f8c470913bc8b58cfdc3c90851da6 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Mon, 9 Dec 2024 19:37:48 +0000
Subject: [PATCH] Fix issue #5439: [Bug]: Scrollbar for the file goes out of
 screen

---
 .../src/components/features/file-explorer/file-explorer.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/features/file-explorer/file-explorer.tsx b/frontend/src/components/features/file-explorer/file-explorer.tsx
index b033cfb62126..d1d8aa659b05 100644
--- a/frontend/src/components/features/file-explorer/file-explorer.tsx
+++ b/frontend/src/components/features/file-explorer/file-explorer.tsx
@@ -121,7 +121,7 @@ export function FileExplorer({ isOpen, onToggle }: FileExplorerProps) {
           !isOpen ? "w-12" : "w-60",
         )}
       >
-        <div className="flex flex-col relative h-full px-3 py-2 overflow-hidden">
+        <div className="flex flex-col relative h-full px-3 py-2">
           <FileExplorerHeader
             isOpen={isOpen}
             onToggle={onToggle}
@@ -129,8 +129,8 @@ export function FileExplorer({ isOpen, onToggle }: FileExplorerProps) {
             onUploadFile={selectFileInput}
           />
           {!error && (
-            <div className="overflow-auto flex-grow min-h-0">
-              <div style={{ display: !isOpen ? "none" : "block" }}>
+            <div className="flex-grow min-h-0">
+              <div className="h-full overflow-y-auto" style={{ display: !isOpen ? "none" : "block" }}>
                 <ExplorerTree files={paths || []} />
               </div>
             </div>