diff --git a/web/src/App.tsx b/web/src/App.tsx
index 4ef41b0ed..2ad151c0f 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -32,7 +32,7 @@ function App() {
             <Sidebar sheetOpen={sheetOpen} setSheetOpen={setSheetOpen} />
             <div
               id="pageRoot"
-              className="absolute left-0 md:left-16 top-16 md:top-0 right-0 bottom-0 overflow-hidden"
+              className="absolute left-0 md:left-16 top-16 md:top-2 right-0 bottom-0 overflow-hidden"
             >
               <Routes>
                 <Route path="/" element={<Live />} />
diff --git a/web/src/pages/Logs.tsx b/web/src/pages/Logs.tsx
index 26966faec..00c20c18c 100644
--- a/web/src/pages/Logs.tsx
+++ b/web/src/pages/Logs.tsx
@@ -41,7 +41,7 @@ function Logs() {
   }, [logs]);
 
   return (
-    <>
+    <div className="relative w-full h-full overflow-hidden">
       <div className="flex justify-between items-center">
         <Heading className="first:mt-2" as="h2">
           Logs
@@ -76,10 +76,10 @@ function Logs() {
         </div>
       </div>
 
-      <div className="overflow-auto font-mono text-sm bg-secondary rounded my-2 p-2 whitespace-pre-wrap">
+      <div className="absolute left-0 top-16 bottom-2 right-2 overflow-auto font-mono text-sm bg-secondary rounded p-2 whitespace-pre-wrap">
         {logs}
       </div>
-    </>
+    </div>
   );
 }