diff --git a/src/app/(app)/layout.tsx b/src/app/(app)/layout.tsx
index cb02616..f887a70 100644
--- a/src/app/(app)/layout.tsx
+++ b/src/app/(app)/layout.tsx
@@ -21,7 +21,7 @@ export default function RootLayout({
                 alt="Drink Happy Logo Image"
                 width={500}
                 height={500}
-                className="mx-auto w-1/2"
+                className="w-100 h-auto mx-auto w-1/2"
             />
             {children}
             { isMobile && isSafari ? (
diff --git a/src/app/(app)/page.tsx b/src/app/(app)/page.tsx
index a410a4c..f9e1cda 100644
--- a/src/app/(app)/page.tsx
+++ b/src/app/(app)/page.tsx
@@ -26,15 +26,15 @@ function Mobile() {
 function Web() {
 	const { session } = useDevice();
 	return (
-		<main className="flex flex-col gap-[32px] row-start-2 items-center sm:items-start ml-10">
+		<main className="flex flex-col gap-[32px] 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>
 
-			<button className="ml-20 mt-2">
+			<button>
 				<a href="/auth/login?screen_hint=signup">Sign up</a>
 			</button>
-			<button className="ml-20 mt-2">
+			<button>
 				<a href="/auth/login?screen_hint=login">Log in</a>
 			</button>
 		</main>