diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index 8491f6873..9b90b435e 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -25,6 +25,7 @@
                 "ace-builds": "^1.16.0",
                 "ansi-to-html": "^0.7.2",
                 "axios": "^1.3.2",
+                "base64-js": "^1.5.1",
                 "lodash": "^4.17.21",
                 "react": "^18.2.0",
                 "react-ace": "^10.1.0",
@@ -5862,6 +5863,25 @@
             "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
             "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
         },
+        "node_modules/base64-js": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+            "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ]
+        },
         "node_modules/batch": {
             "version": "0.6.1",
             "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
diff --git a/src/frontend/package.json b/src/frontend/package.json
index feb11e814..55749b635 100644
--- a/src/frontend/package.json
+++ b/src/frontend/package.json
@@ -20,6 +20,7 @@
         "ace-builds": "^1.16.0",
         "ansi-to-html": "^0.7.2",
         "axios": "^1.3.2",
+        "base64-js": "^1.5.1",
         "lodash": "^4.17.21",
         "react": "^18.2.0",
         "react-ace": "^10.1.0",
diff --git a/src/frontend/src/modals/chatModal/chatMessage/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
index a41e59523..60a07e1b7 100644
--- a/src/frontend/src/modals/chatModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
@@ -40,8 +40,8 @@ export default function ChatMessage({ chat }: { chat: ChatMessageType }) {
 						{chat.thought && chat.thought !== "" && !hidden && (
 							<div
 								onClick={() => setHidden((prev) => !prev)}
-								className=" text-start inline-block rounded-md  h-full
-								bg-white w-[95%] pb-3 pt-3 px-2 ml-3 cursor-pointer scrollbar-hide overflow-scroll"
+								className=" text-start inline-block rounded-md  h-full border border-gray-300
+								bg-gray-100 w-[95%] pb-3 pt-3 px-2 ml-3 cursor-pointer scrollbar-hide overflow-scroll"
 								dangerouslySetInnerHTML={{
 									__html: convert.toHtml(chat.thought),
 								}}
diff --git a/src/frontend/src/modals/chatModal/fileComponent/index.tsx b/src/frontend/src/modals/chatModal/fileComponent/index.tsx
index bfd5d0571..b6393f112 100644
--- a/src/frontend/src/modals/chatModal/fileComponent/index.tsx
+++ b/src/frontend/src/modals/chatModal/fileComponent/index.tsx
@@ -1,17 +1,19 @@
-import { ArrowDownTrayIcon, CloudArrowDownIcon, DocumentIcon } from "@heroicons/react/24/outline";
+import {  CloudArrowDownIcon, DocumentIcon } from "@heroicons/react/24/outline";
+import * as base64js from 'base64-js';
 
 export default function FileCard({ fileName, content, fileType }) {
-	const handleDownload = () => {
-		const blob = new Blob([content], { type: "application/octet-stream" });
-		const url = URL.createObjectURL(blob);
-		const link = document.createElement("a");
-		link.href = url;
-		link.download = fileName;
-		document.body.appendChild(link);
-		link.click();
-		document.body.removeChild(link);
-		URL.revokeObjectURL(url);
-	};
+    const handleDownload = () => {
+        const byteArray = new Uint8Array(base64js.toByteArray(content));
+        const blob = new Blob([byteArray], { type: 'application/octet-stream' });
+        const url = URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = fileName;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        URL.revokeObjectURL(url);
+      };
 
 	return (
 		<button
diff --git a/src/frontend/src/modals/chatModal/index.tsx b/src/frontend/src/modals/chatModal/index.tsx
index 6661dfaf1..b5413a517 100644
--- a/src/frontend/src/modals/chatModal/index.tsx
+++ b/src/frontend/src/modals/chatModal/index.tsx
@@ -61,7 +61,7 @@ export default function ChatModal({
 			console.log("Received data:", data);
 			//get chat history
 			if (Array.isArray(data)) {
-				console.log("entrou");
+				console.log(data);
 
 				setChatHistory((_) => {
 					let newChatHistory: ChatMessageType[] = [];
@@ -71,7 +71,16 @@ export default function ChatModal({
 							is_bot: boolean;
 							message: string;
 							type: string;
+							data?:string;
 						}) => {
+							if(chatItem.type==="file"){
+								newChatHistory.push({
+									isSend: !chatItem.is_bot,
+									message: chatItem.message,
+									thought: chatItem.intermediate_steps,
+									file:chatItem.data
+								});	
+							}
 							newChatHistory.push({
 								isSend: !chatItem.is_bot,
 								message: chatItem.message,
@@ -87,6 +96,7 @@ export default function ChatModal({
 				setLockChat(false)
 			}
 			if (data.type=="file"){
+				console.log(data)
 			}
 			// Do something with the data received from the WebSocket
 		};
diff --git a/src/frontend/src/types/chat/index.ts b/src/frontend/src/types/chat/index.ts
index 148a81d8a..b32968290 100644
--- a/src/frontend/src/types/chat/index.ts
+++ b/src/frontend/src/types/chat/index.ts
@@ -2,4 +2,4 @@ import { ReactFlowInstance } from 'reactflow';
 import { FlowType } from "../flow";
 
 export type ChatType = {flow:FlowType,reactFlowInstance:ReactFlowInstance}
-export type ChatMessageType = { message: string; isSend: boolean, thought?:string,file?:Blob }
\ No newline at end of file
+export type ChatMessageType = { message: string; isSend: boolean, thought?:string,file?:string }
\ No newline at end of file