diff --git a/src/layout/Head.tsx b/src/layout/Head.tsx
index f47b796..6b8a765 100644
--- a/src/layout/Head.tsx
+++ b/src/layout/Head.tsx
@@ -13,7 +13,8 @@ const Head = ({ title, description = "Automatic Account Creator" }: HeadProps) =
 			<NextHead>
 				<meta charSet="UTF-8" key="charset" />
 				<meta name="viewport" content="width=device-width,initial-scale=1" key="viewport" />
-				<link rel="icon" href={`/favicon.ico`} key="favicon" />
+				<meta property="og:image" content="/favicon.ico" />
+				<link rel="icon" href="/favicon.ico" key="favicon" />
 			</NextHead>
 			<NextSeo
 				title={`${process.env.NEXT_PUBLIC_SERVER_NAME} - ${title}`}
diff --git a/src/layout/index.tsx b/src/layout/index.tsx
index 86563c3..7f43b24 100644
--- a/src/layout/index.tsx
+++ b/src/layout/index.tsx
@@ -13,7 +13,7 @@ const Layout = ({ children }: PropsWithChildren) => {
 		<>
 			<Head title="News" />
 			{TopBarComponent && <TopBarComponent />}
-			<Flex w={{ lg: "1050px", base: "100%" }} bgColor={bgColor} mt="2em" marginX={"auto"} padding="1em">
+			<Flex role="main" w={{ lg: "1050px", base: "100%" }} bgColor={bgColor} mt="2em" marginX={"auto"} padding="1em">
 				{children}
 			</Flex>
 			<Text userSelect="none" fontSize="sm" position="fixed" color="white" bottom="5" left="50%" transform="translateX(-50%)">
