Styles Fixes

src/app/(app)/layout.tsx

@@ -13,9 +13,9 @@ export default function RootLayout({
 }>) {
 	const { isMobile, isSafari } = useDevice();
 	return (
-		<main>
+		<main suppressHydrationWarning={true}>
 			{!isMobile && !isSafari ? <NavBar /> : null}
-			<section className="grid grid-rows-[1fr_auto] min-h-screen max-w-screen">
+			<section className="min-h-screen max-w-screen space-x-2 gap-4 flex flex-col">
 				<Image
 					src="/drinkhappylogo.png"
 					alt="Drink Happy Logo Image"

src/app/(app)/page.tsx

@@ -37,7 +37,7 @@ function Web() {
 	let isAuthenticated = session == null ? false : true;
 
 	return (
-		<main className="flex flex-col gap-[32px] row-start-2 items-center mt-10">
+		<main className="flex flex-col row-start-2 items-center mt-10">
 			<h1 className="text-3xl sm:text-4xl font-bold tracking-[-.01em] text-center sm:text-left">
 				Welcome, {session?.name || "NULL"} !!
 			</h1>