diff --git a/src/components/menubar/index.tsx b/src/components/menubar/index.tsx
index 8443a23..6d06452 100644
--- a/src/components/menubar/index.tsx
+++ b/src/components/menubar/index.tsx
@@ -25,9 +25,9 @@ function Menubar() {
 		<DialogProvider>
 			<UIMenubar className="rounded-none border-t-0 border-x-0 col-span-3">
 				<div className="w-full flex items-center space-x-1 overflow-x-auto">
-					<Link to={{ pathname: "/" }} className="px-4 min-w-40 flex gap-2 items-center">
-						<BlockmaticIcon className="h-8" />
-						<BlockmaticText className="h-4 w-min" />
+					<Link to={{ pathname: "/" }} className="px-4 w-40 flex gap-2 items-center">
+						<BlockmaticIcon className="w-8" />
+						<BlockmaticText className="h-4" />
 					</Link>
 
 					<FileMenu />
diff --git a/src/pages/IndexPage.tsx b/src/pages/IndexPage.tsx
index f33db2d..c8efbbb 100644
--- a/src/pages/IndexPage.tsx
+++ b/src/pages/IndexPage.tsx
@@ -21,10 +21,10 @@ function IndexPage() {
 
 	return (
 		<main className="flex flex-col items-center font-inter">
-			<header className="w-full flex justify-evenly p-8 z-10 gap-8">
-				<div className="flex gap-2 items-center">
-					<BlockmaticIcon className="h-14" fill={"white"} />
-					<BlockmaticText className="h-7" fill={"white"} />
+			<header className="max-w-2xl w-full flex justify-between my-8 px-4 z-10 gap-8">
+				<div className="flex gap-2 items-center max-w-48">
+					<BlockmaticIcon className="w-14" fill={"white"} />
+					<BlockmaticText className="w-full" fill={"white"} />
 				</div>
 
 				<div className="flex items-center gap-1">
@@ -101,7 +101,7 @@ function IndexPage() {
 				</div>
 			</section>
 
-			<section className="mt-32 mx-8 max-w-2xl">
+			<section className="mt-32 px-16 max-w-2xl">
 				<h1 className="text-5xl font-bold mb-2 text-center">Gallery</h1>
 				<p className="mb-8 text-lg text-center">See examples of opening and placing art within Minecraft!</p>