diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte
index 38134ca2..266eab3b 100644
--- a/src/lib/components/layout/Sidebar.svelte
+++ b/src/lib/components/layout/Sidebar.svelte
@@ -92,7 +92,7 @@
 		: '-translate-x-[260px] w-[0px]'}  w-[260px] bg-black text-gray-200 shadow-2xl text-sm transition z-40 fixed top-0 left-0 lg:relative
         "
 >
-	<div class="py-2.5 my-auto flex flex-col justify-between h-screen">
+	<div class="py-2.5 my-auto flex flex-col justify-between h-screen {show ? '' : 'invisible'}">
 		<div class="px-2.5 flex justify-center space-x-2">
 			<button
 				id="sidebar-new-chat-button"
diff --git a/src/routes/(app)/+page.svelte b/src/routes/(app)/+page.svelte
index d37e573f..0cc63a5b 100644
--- a/src/routes/(app)/+page.svelte
+++ b/src/routes/(app)/+page.svelte
@@ -801,7 +801,7 @@
 				<ModelSelector bind:selectedModels disabled={messages.length > 0} />
 			</div>
 
-			<div class=" h-full mt-10 w-full flex flex-col">
+			<div class=" h-full mt-14 w-full flex flex-col">
 				<Messages
 					chatId={$chatId}
 					{selectedModels}