diff --git a/src/containers/Entry.tsx b/src/containers/Entry.tsx
index 78aa6b1..fe10f3a 100644
--- a/src/containers/Entry.tsx
+++ b/src/containers/Entry.tsx
@@ -4,24 +4,26 @@ import EntryMetadata from "@/containers/EntryMetadata"
 import { useIsMobile } from "@/hooks/use-mobile"
 
 export default function Entry({ entryTitle, entryBody, history, metadata, isLoading }) {
-   const isMobile = useIsMobile()
-   const bottomPanelSize = isMobile ? 0 : 25
-   const handleSize = isMobile ? "5px" : "1px"
-   console.log(isMobile)
-   return (
-      <ResizablePanelGroup direction="vertical" className="w-full h-full">
-         <ResizablePanel defaultSize={75}>
-            <div className="h-full overflow-auto">
-               <EntryBody body={entryBody} isLoading={isLoading} />
-            </div>
-         </ResizablePanel>
-         <ResizableHandle withHandle style={{ height: handleSize }} />
+	const isMobile = useIsMobile()
 
-         <ResizablePanel key={`bottom-${bottomPanelSize}`} defaultSize={bottomPanelSize}>
-            <div className="h-full overflow-auto">
-               <EntryMetadata entryTitle={entryTitle} history={history} metadata={metadata} />
-            </div>
-         </ResizablePanel>
-      </ResizablePanelGroup>
-   )
+	const topPanelSize = isMobile ? 95 : 75
+	const bottomPanelSize = isMobile ? 5 : 25
+	const handleSize = isMobile ? "5px" : "1px"
+	console.log(isMobile)
+	return (
+		<ResizablePanelGroup direction="vertical" className="w-full h-full">
+			<ResizablePanel defaultSize={topPanelSize}>
+				<div className="h-full overflow-auto">
+					<EntryBody body={entryBody} isLoading={isLoading} />
+				</div>
+			</ResizablePanel>
+			<ResizableHandle withHandle style={{ height: handleSize }} />
+
+			<ResizablePanel key={`bottom-${bottomPanelSize}`} defaultSize={bottomPanelSize}>
+				<div className="h-full overflow-auto">
+					<EntryMetadata entryTitle={entryTitle} history={history} metadata={metadata} />
+				</div>
+			</ResizablePanel>
+		</ResizablePanelGroup>
+	)
 }