fix main

Author: kentcdodds

app/routes/_app+/_layout.tsx

@@ -87,9 +87,9 @@ export default function Layout() {
 					</div>
 				</nav>
 			</header>
-			<main className="flex-1">
+			<div className="flex-1">
 				<Outlet />
-			</main>
+			</div>
 			<footer className="container my-4 flex items-center justify-between pb-5">
 				<div className="flex items-center gap-4">
 					<Logo />

app/routes/_app+/recipients+/_layout.tsx

@@ -116,9 +116,9 @@ export default function RecipientsLayout() {
 						</div>
 					</details>
 				</div>
-				<div className="flex flex-1 overflow-auto">
+				<main className="flex flex-1 overflow-auto">
 					<Outlet />
-				</div>
+				</main>
 			</div>
 		</div>
 	)