From 83e763d859d098b40adda637dacbf46175c16760 Mon Sep 17 00:00:00 2001
From: giuliog97 <giulio.gerloni@gmail.com>
Date: Mon, 14 Apr 2025 21:16:49 +0200
Subject: [PATCH] Avoid TranscriptionView to be covered by ControlBar

---
 app/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index c97bed82a..a47f64360 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -63,7 +63,7 @@ export default function Page() {
 function SimpleVoiceAssistant(props: { onConnectButtonClicked: () => void }) {
   const { state: agentState } = useVoiceAssistant();
   return (
-    <>
+    <div className="flex flex-col h-full relative">
       <AnimatePresence>
         {agentState === "disconnected" && (
           <motion.button
@@ -77,17 +77,17 @@ function SimpleVoiceAssistant(props: { onConnectButtonClicked: () => void }) {
             Start a conversation
           </motion.button>
         )}
-        <div className="w-3/4 lg:w-1/2 mx-auto h-full">
+        <div className="w-3/4 lg:w-1/2 mx-auto flex-grow overflow-y-auto pb-28">
           <TranscriptionView />
         </div>
       </AnimatePresence>
 
       <RoomAudioRenderer />
       <NoAgentNotification state={agentState} />
-      <div className="fixed bottom-0 w-full px-4 py-2">
+      <div className="fixed bottom-0 w-full px-4 py-2 bg-[var(--lk-bg)]">
         <ControlBar />
       </div>
-    </>
+    </div>
   );
 }