diff --git a/src/app/(app)/layout.tsx b/src/app/(app)/layout.tsx
index d7415ee..0c69d1e 100644
--- a/src/app/(app)/layout.tsx
+++ b/src/app/(app)/layout.tsx
@@ -4,8 +4,6 @@ import MobileNav from "@/lib/components/MobileNav";
 import NavBar from "@/lib/components/NavBar";
 import { useDevice } from "@/lib/context/DeviceContext";
 
-import Image from "next/image";
-
 export default function RootLayout({
 	children,
 }: Readonly<{
@@ -16,7 +14,7 @@ export default function RootLayout({
 		<main className="max-h-screen max-w-screen bg-img overflow-hidden" suppressHydrationWarning={true}>
 			{!isMobile && !isSafari ? <NavBar /> : null}
 			<section className="space-x-2 gap-4 flex flex-col overflow-y-auto h-screen p-4 lg:p-6 lg:rounded-xl lg:shadow-sm">
-				<img src="/drinkhappylogo.png" alt="Drink Happy Logo Image" className="h-auto mx-auto w-3/4 lg:w-2/3" />
+				<img src="/drinkhappylogo.png" alt="Drink Happy Logo Image" className="h-auto mx-auto w-3/4 lg:w-1/3" />
 				{children}
 			</section>
 			{isMobile && isSafari ? (
diff --git a/src/app/(app)/page.tsx b/src/app/(app)/page.tsx
index 19507db..dbd3f5f 100644
--- a/src/app/(app)/page.tsx
+++ b/src/app/(app)/page.tsx
@@ -6,7 +6,7 @@ function Mobile() {
 	const { isAuthenticated, session } = useDevice();
 
 	return (
-		<main className="flex flex-col gap-[32px] row-start-2 items-center mt-10">
+		<main className="flex flex-col gap-[32px] row-start-2 items-center mt-10 text-white">
 			<h1 className="text-3xl sm:text-4xl font-bold tracking-[-.01em] text-center sm:text-left">
 				{isAuthenticated ? `Welcome, ${session.username} !!` : ""}
 			</h1>
@@ -35,7 +35,7 @@ function Web() {
 
 	return (
 		<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">
+			<h1 className="text-3xl sm:text-4xl font-bold tracking-[-.01em] text-center sm:text-left text-white">
 				{isAuthenticated ? `Welcome, ${session.username} !!` : ""}
 			</h1>
 		</main>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index bb00292..83e4fe6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,8 +3,7 @@
 import { Geist, Geist_Mono } from "next/font/google";
 import "../lib/css/globals.css";
 
-import { DeviceProvider, useDevice } from "@/lib/context/DeviceContext";
-import MobileNav from "@/lib/components/MobileNav";
+import { DeviceProvider } from "@/lib/context/DeviceContext";
 
 const geistSans = Geist({
     variable: "--font-geist-sans",