1 files changed, 5 insertions, 5 deletions
diff --git a/components/layout.tsx b/components/layout.tsx
index baf62dd..b99ba34 100644
--- a/components/layout.tsx
+++ b/components/layout.tsx
@@ -1,12 +1,12 @@
 import TopNav from '../components/topnav.tsx'
-
+import { VStack, Box } from '@chakra-ui/react'
 export default function Layout({ children }) {
   return (
-    <>
+    <VStack>
       <TopNav/>
-      <main className="mx-auto max-w-screen-lg px-3 py-6">
+      <Box as="main">
         {children}
-      </main>
-    </>
+      </Box>
+    </VStack>
   )
 }