diff --git a/app/layout.tsx b/app/layout.tsx
index ba2b3ec..5cf1adb 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -50,7 +50,7 @@ export default function RootLayout({
             <ComplexityProvider>
               <body className={ibm.className}>
                 <Suspense fallback={<div></div>}>
-                  <div className="flex h-svh">
+                  <div className="flex h-[calc(100vh-8px)]">
                     <Sidebar />
 
                     {children}
diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index 5cedbc0..c7f1d0c 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -86,6 +86,19 @@ export const Sidebar = () => {
           <div className="mb-2 px-3 text-xs font-semibold uppercase text-gray-200/90">
             Sessions
           </div>
+          <div className=" flex items-center justify-center py-2">
+            <Button
+              className={cn(
+                "w-full rounded-xl text-sm transition-opacity duration-200 hover:bg-primary/10",
+                !sessionId && "hidden ease-out",
+              )}
+              variant="ghost"
+              onClick={() => router.push("/")}
+            >
+              <PlusIcon className="mr-2 h-4 w-4" />
+              Ask a question
+            </Button>
+          </div>
           {sessions.length > 0 && (
             <div className="prose flex w-full flex-col gap-2 lg:prose-lg ">
               {sessions.map(([item]) => (
@@ -112,21 +125,6 @@ export const Sidebar = () => {
               ))}
             </div>
           )}
-          <div className="flex items-center justify-center pt-4">
-            <Button
-              className={cn(
-                "rounded-xl text-sm transition-opacity duration-200 hover:bg-primary/10",
-                {
-                  "opacity-0": !sessionId,
-                },
-              )}
-              variant="ghost"
-              onClick={() => router.push("/")}
-            >
-              <PlusIcon className="mr-2 h-4 w-4" />
-              Ask a question
-            </Button>
-          </div>
         </div>
         <div className="flex items-center justify-center">
           <a
