diff --git a/components/Layout.tsx b/components/Layout.tsx
index cf3ad72d..0526ec8c 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -43,7 +43,7 @@ const Layout = ({ children }: { children: ReactNode }) => {
   const { width } = useViewport()
 
   useEffect(() => {
-    if (width < breakpoints.lg) {
+    if (width < breakpoints.xl) {
       setIsCollapsed(true)
     }
   }, [width])
@@ -93,7 +93,7 @@ const Layout = ({ children }: { children: ReactNode }) => {
 
         <div className="fixed z-20 hidden h-screen md:block">
           <button
-            className="absolute right-0 top-1/2 z-20 hidden h-8 w-3 -translate-y-1/2 rounded-none rounded-l bg-th-bkg-3 hover:bg-th-bkg-4 focus:outline-none focus-visible:bg-th-bkg-4 lg:block"
+            className="absolute right-0 top-1/2 z-20 hidden h-8 w-3 -translate-y-1/2 rounded-none rounded-l bg-th-bkg-3 hover:bg-th-bkg-4 focus:outline-none focus-visible:bg-th-bkg-4 xl:block"
             onClick={handleToggleSidebar}
           >
             <ChevronRightIcon