diff --git a/frontend/src/index.css b/frontend/src/index.css
index ffb9522..e4786a2 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -224,11 +224,12 @@ table > tbody > tr > td {
     padding: 1.25rem 1.5rem;
     margin-bottom: 1rem;
     margin-top: 0.5rem;
-    width: 80%;
     height: fit-content;
+    width: 100%;
 }
 
 .docs-container {
+    width: 80%;
     display: flex;
     flex-direction: column;
     align-items: center;
diff --git a/frontend/src/pages/dashboard/dashboard.component.jsx b/frontend/src/pages/dashboard/dashboard.component.jsx
index 24a46d1..931497e 100644
--- a/frontend/src/pages/dashboard/dashboard.component.jsx
+++ b/frontend/src/pages/dashboard/dashboard.component.jsx
@@ -31,7 +31,7 @@ export function Dashboard() {
             }
           })
           .catch((error) => console.error('Error fetching data:', error));
-      }, []);
+      }, [id]);
 
     const handleSubmit = (e) => {
         e.preventDefault()
@@ -60,15 +60,23 @@ export function Dashboard() {
             <form onSubmit={handleSubmit} style={{position: 'sticky'}}>
                 <input ref={searchRef} placeholder={"Search"} id="search-bar"/>
             </form>
-            {docs ? (
+            {id ? (
                 <div className={'docs-container'}
                      style={{marginTop: '10px', padding: '20px', height: '100vh', overflowY: 'auto'}}>
                     {
                     filteredDocs.map((doc, index) => {
                         console.log(doc);
                         return (
-                        <div className="doc" key={index}>
-                            <WriteLikeChatGPT text={doc.conversations[0].prompt} />
+                        <div>
+                            {doc.conversations.map((conv) => (
+                                <div className="doc" key={index}>
+                                     <div>Q: {conv.request}</div>
+                                     <div>A: {conv.prompt}</div>
+                                     {/* <WriteLikeChatGPT text={`A: ${conv.prompt}`} /> */}
+                                   {/* <WriteLikeChatGPT text={` A: ${conv.prompt}`}/> */}
+                                </div>
+                            ))}
+                            {/* <WriteLikeChatGPT text={doc.conversations[0].prompt} /> */}
                         </div>
                         );
                     })