From e61c099cd3b2d15e803601244e9507c65d5a8ac7 Mon Sep 17 00:00:00 2001
From: Shanks0465 <umashanks99@gmail.com>
Date: Mon, 2 Sep 2024 04:19:30 +0530
Subject: [PATCH] Fixed Code Overflow

---
 frontend/components/ToolInstructionComponent.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/components/ToolInstructionComponent.tsx b/frontend/components/ToolInstructionComponent.tsx
index 0fb9591..ad61c25 100644
--- a/frontend/components/ToolInstructionComponent.tsx
+++ b/frontend/components/ToolInstructionComponent.tsx
@@ -35,7 +35,12 @@ export default function ToolInstructions({
         direction={{ base: "column", md: "row" }}
         spacing={{ base: 0, md: 3 }}
       >
-        <VStack spacing={4} alignItems="flex-start" mb={{ base: 5, md: 0 }}>
+        <VStack
+          overflowY={"scroll"}
+          spacing={4}
+          alignItems="flex-start"
+          mb={{ base: 5, md: 0 }}
+        >
           {steps.map((data, index) => (
             <Box key={index}>
               <HStack spacing={2}>
@@ -60,6 +65,7 @@ export default function ToolInstructions({
                   p={5}
                   fontSize="sm"
                   color="gray.500"
+                  textOverflow={"clip"}
                 >
                   {data.codeString}
                 </Code>