diff --git a/src/routes/(nolayout)/landing/+page.svelte b/src/routes/(nolayout)/landing/+page.svelte
index a57e029..067e0c0 100644
--- a/src/routes/(nolayout)/landing/+page.svelte
+++ b/src/routes/(nolayout)/landing/+page.svelte
@@ -2,8 +2,8 @@
 	<title>Landing - Rowblox</title>
 </svelte:head>
 
-<div class="max-w-lg mx-auto text-center">
-	<img class="max-w-lg" src="/img/banner.png" alt="" />
+<div class="max-w-xl mx-auto text-center">
+	<img class="max-w-md mx-auto" src="/img/banner.png" alt="" />
 	<div class="text-xl text-white">
 		<a class="px-5 py-1 rounded shadow-lg border-2 border-blue-500 hover:bg-blue-500" href="/login">Login</a>
 		<a class="px-5 py-1 rounded shadow-lg border-2 border-blue-500 hover:bg-blue-500" href="/register">Register</a>
diff --git a/src/routes/(nolayout)/maintenance/+page.svelte b/src/routes/(nolayout)/maintenance/+page.svelte
index f67e993..1183400 100644
--- a/src/routes/(nolayout)/maintenance/+page.svelte
+++ b/src/routes/(nolayout)/maintenance/+page.svelte
@@ -3,6 +3,6 @@
 </svelte:head>
 
 <div class="max-w-xl mx-auto text-center">
-	<img class="max-w-lg" src="/img/banner.png" alt="" />
+	<img class="max-w-md mx-auto" src="/img/banner.png" alt="" />
 	<p class="text-xl text-white">Rowblox is currently under development, check back later!</p>
 </div>
diff --git a/vite.config.js b/vite.config.js
index fc9d5f4..e103e0a 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,7 +1,10 @@
 import { sveltekit } from "@sveltejs/kit/vite";
 
 const config = {
-	plugins: [sveltekit()]
+	plugins: [sveltekit()],
+	define: {
+		"process.env": process.env
+	}
 };
 
 export default config;