From cc928e6d3f5eed0372f8f7b13a11d799ae5100ca Mon Sep 17 00:00:00 2001
From: mamoodi <mamoodiha@gmail.com>
Date: Fri, 27 Dec 2024 15:03:15 -0500
Subject: [PATCH] Fix: Add vertical scrolling to file content viewer (#5872)

Co-authored-by: openhands <openhands@all-hands.dev>
---
 frontend/src/routes/_oh.app._index/route.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/routes/_oh.app._index/route.tsx b/frontend/src/routes/_oh.app._index/route.tsx
index 39b52005bb47..3f971213c8d3 100644
--- a/frontend/src/routes/_oh.app._index/route.tsx
+++ b/frontend/src/routes/_oh.app._index/route.tsx
@@ -77,14 +77,14 @@ function FileViewer() {
   return (
     <div className="flex h-full bg-neutral-900 relative">
       <FileExplorer isOpen={fileExplorerIsOpen} onToggle={toggleFileExplorer} />
-      <div className="w-full">
+      <div className="w-full h-full flex flex-col">
         {selectedPath && (
           <div className="flex w-full items-center justify-between self-end p-2">
             <span className="text-sm text-neutral-500">{selectedPath}</span>
           </div>
         )}
         {selectedPath && files[selectedPath] && (
-          <div className="p-4">
+          <div className="p-4 flex-1 overflow-auto">
             <SyntaxHighlighter
               language={getLanguageFromPath(selectedPath)}
               style={vscDarkPlus}