diff --git a/www/app/components/dashboard.js b/www/app/components/dashboard.js
index 8df67694..e7017d11 100644
--- a/www/app/components/dashboard.js
+++ b/www/app/components/dashboard.js
@@ -57,8 +57,8 @@ export function Dashboard({
         )}
       </div>
 
-      <footer className="w-full bg-gray-800 text-white text-center py-4 text-2xl">
-        {transcriptionText}
+      <footer className="w-full bg-gray-800 text-white text-center py-4 text-2xl mt-8 h-32">
+        &nbsp;{transcriptionText}&nbsp;
       </footer>
     </>
   );
diff --git a/www/app/page.js b/www/app/page.js
index 1bea5b81..2e4bfc93 100644
--- a/www/app/page.js
+++ b/www/app/page.js
@@ -35,7 +35,7 @@ const App = () => {
       <Dashboard
         isRecording={isRecording}
         onRecord={(recording) => handleRecord(recording)}
-        transcriptionText={serverData.text ?? "..."}
+        transcriptionText={serverData.text ?? "(No transcription yet)"}
         finalSummary={serverData.finalSummary}
         topics={serverData.topics ?? []}
         stream={stream}