diff --git a/frontend/src/components/LogDetailsDialog.jsx b/frontend/src/components/LogDetailsDialog.jsx
index 7ef6927a..c70139fd 100644
--- a/frontend/src/components/LogDetailsDialog.jsx
+++ b/frontend/src/components/LogDetailsDialog.jsx
@@ -24,6 +24,8 @@ export default function LogDetailsDialog({ selectedRow, onClose, logMessage }) {
   if (!selectedRow) return null;
 
   const handleChatClick = () => {
+    console.log("Chat button clicked");
+    console.log("Selected Row:", selectedRow.id);
     setUserState({
       id: selectedRow.id,
       sender: "user",
diff --git a/frontend/src/utils/api/chatApi.js b/frontend/src/utils/api/chatApi.js
index 8a8ad136..224abc38 100644
--- a/frontend/src/utils/api/chatApi.js
+++ b/frontend/src/utils/api/chatApi.js
@@ -1,22 +1,20 @@
-export default async function chatApi(logId, userText) {
-
-  const formData = new URLSearchParams();
-  formData.append('logId', "67f0db6103d61105d821496b");
-  formData.append('userText', userText);
-
-  const data = await fetch(`${import.meta.env.VITE_BACKEND_URL}/api/chat`, {
+export default async function chatApi(logObject, userText) {
+  const response = await fetch(`${import.meta.env.VITE_BACKEND_URL}/api/chat`, {
     method: "POST",
     headers: {
-      "Content-Type": "application/x-www-form-urlencoded", 
+      "Content-Type": "application/json",
     },
-    body: formData, 
+    body: JSON.stringify({
+      logId: logObject.logId, 
+      userText: userText || "",
+    }),
   });
 
-  if (!data.ok) {
-    throw new Error("Network response was not ok" + data.statusText);
+  if (!response.ok) {
+    throw new Error("Network response was not ok: " + response.statusText);
   }
 
-  const dataJson = await data.json();
+  const dataJson = await response.json();
 
   if (!dataJson) {
     throw new Error("No data found");