diff --git a/app/components/dashboard.js b/app/components/dashboard.js
index d8dd0aa3..425c63ea 100644
--- a/app/components/dashboard.js
+++ b/app/components/dashboard.js
@@ -141,7 +141,7 @@ export function Dashboard(props) {
               {generateDecibelGraph(generateDecibelData())}
             </div>
           </div>
-          <div className="mt-2 p-2">{liveTranscript}</div>
+          <div className="mt-2 p-2 bg-white temp-transcription">{props.transcriptionText}</div>
         </div>
 
       </div>
diff --git a/app/globals.css b/app/globals.css
index d45723bd..a4532f27 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -27,3 +27,9 @@ body {
 
   font-family: "Roboto", sans-serif;
 }
+
+.temp-transcription
+{
+  background: beige;
+  border-radius: 5px;
+}
diff --git a/app/page.js b/app/page.js
index 0b837da3..393b8fd2 100644
--- a/app/page.js
+++ b/app/page.js
@@ -11,6 +11,7 @@ const App = () => {
   // This is where you'd send the stream and receive the data from the server.
   // transcription, summary, etc
   const serverData = useWebRTC(stream);
+  const text = serverData?.text ?? "";
 
   return (
     <div className="flex flex-col items-center h-[100svh]">
@@ -20,7 +21,10 @@ const App = () => {
       </div>
 
       <Recorder setStream={setStream}/>
-      <Dashboard serverData={serverData} />
+      <Dashboard
+        serverData={serverData}
+        transcriptionText={`[${serverData?.timestamp?.substring(2) ?? "??"}] ${text}`}
+      />
 
       <footer className="w-full bg-gray-800 text-center py-4 mt-auto text-white">
         Reflector © 2023 Monadical