diff --git a/pages/index.tsx b/pages/index.tsx
index 0586fcd..30f8271 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -477,7 +477,7 @@ export default function Home() {
             />
           </div>
 
-          <article className="flex h-full w-full pt-[48px] sm:pt-0">
+          <div className="flex h-full w-full pt-[48px] sm:pt-0">
             {showSidebar ? (
               <div>
                 <Sidebar
@@ -503,15 +503,18 @@ export default function Home() {
                 />
 
                 <IconArrowBarLeft
-                  className="z-50 fixed top-5 left-[270px] sm:top-1 sm:left-4 sm:text-neutral-700 dark:text-white cursor-pointer hover:text-gray-400 dark:hover:text-gray-300 h-7 w-7 sm:h-8 sm:w-8 sm:hidden"
+                  className="z-50 fixed top-5 left-[270px] sm:top-0.5 sm:left-[270px] sm:text-neutral-700 dark:text-white cursor-pointer hover:text-gray-400 dark:hover:text-gray-300 h-7 w-7 sm:h-8 sm:w-8"
                   onClick={() => setShowSidebar(!showSidebar)}
                 />
-                {/* Sidebar Background for closing on click outside of it. */}
-                <div onClick={() => setShowSidebar(!showSidebar)} className="sm:hidden bg-black opacity-70 z-10 absolute top-0 left-0 h-full w-full"></div>
+
+                <div
+                  onClick={() => setShowSidebar(!showSidebar)}
+                  className="sm:hidden bg-black opacity-70 z-10 absolute top-0 left-0 h-full w-full"
+                ></div>
               </div>
             ) : (
               <IconArrowBarRight
-                className="fixed text-white z-50 top-2.5 left-4 sm:top-1.5 sm:left-4 sm:text-neutral-700 dark:text-white cursor-pointer hover:text-gray-400 dark:hover:text-gray-300 h-7 w-7 sm:h-8 sm:w-8"
+                className="fixed text-white z-50 top-2.5 left-4 sm:top-0.5 sm:left-4 sm:text-neutral-700 dark:text-white cursor-pointer hover:text-gray-400 dark:hover:text-gray-300 h-7 w-7 sm:h-8 sm:w-8"
                 onClick={() => setShowSidebar(!showSidebar)}
               />
             )}
@@ -534,7 +537,7 @@ export default function Home() {
               onRegenerate={handleRegenerate}
               stopConversationRef={stopConversationRef}
             />
-          </article>
+          </div>
         </main>
       )}
     </>