diff --git a/src/lib/components/LoginForm.svelte b/src/lib/components/LoginForm.svelte
index 1f47933..606aa74 100644
--- a/src/lib/components/LoginForm.svelte
+++ b/src/lib/components/LoginForm.svelte
@@ -24,7 +24,7 @@
 	}
 </script>
 
-<div in:blur={{ amount: 1 }} class="flex justify-center items-center h-screen">
+<div in:blur={{ amount: 1 }} class="flex justify-center items-center h-full">
 	<div class="flex flex-col space-y-2">
 		<div class="transition-colors fill-black dark:fill-white">
 			<Logo />
diff --git a/src/lib/components/RegisterForm.svelte b/src/lib/components/RegisterForm.svelte
index 2c1f4ab..9677193 100644
--- a/src/lib/components/RegisterForm.svelte
+++ b/src/lib/components/RegisterForm.svelte
@@ -24,7 +24,7 @@
 	}
 </script>
 
-<div in:blur={{ amount: 1 }} class="flex justify-center items-center h-screen">
+<div in:blur={{ amount: 1 }} class="flex justify-center items-center h-full">
 	<div class="flex flex-col space-y-2">
 		<div class="transition-colors fill-black dark:fill-white">
 			<Logo />
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 07a54f7..34a6d47 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -24,34 +24,36 @@
 	});
 </script>
 
-{#if $state === '/landing'}
-	<div in:blur={{ amount: 1 }} class="flex justify-center items-center h-screen">
-		<div class="flex flex-col space-y-1.5">
-			<div>
-				<div class="transition-colors fill-black dark:fill-white">
-					<Logo />
+<div class="h-[85vh] md:h-screen">
+	{#if $state === '/landing'}
+		<div in:blur={{ amount: 1 }} class="flex justify-center items-center h-full">
+			<div class="flex flex-col space-y-1.5">
+				<div>
+					<div class="transition-colors fill-black dark:fill-white">
+						<Logo />
+					</div>
+					<p>Currently hosting <strong>0</strong> files.</p>
+					<p class="italic">The best file uploader <strong>ever!!!</strong></p>
 				</div>
-				<p>Currently hosting <strong>0</strong> files.</p>
-				<p class="italic">The best file uploader <strong>ever!!!</strong></p>
-			</div>
 
-			<div class="flex place-content-around mx-auto space-x-2">
-				<ThemeSwitcher />
+				<div class="flex place-content-around mx-auto space-x-2">
+					<ThemeSwitcher />
 
-				<Button click={() => ($state = '/login')}>
-					<LogIn />
-					<p>Login</p>
-				</Button>
+					<Button click={() => ($state = '/login')}>
+						<LogIn />
+						<p>Login</p>
+					</Button>
 
-				<Button click={() => ($state = '/register')}>
-					<UserPlus />
-					<p>Register</p>
-				</Button>
+					<Button click={() => ($state = '/register')}>
+						<UserPlus />
+						<p>Register</p>
+					</Button>
+				</div>
 			</div>
 		</div>
-	</div>
-{:else if $state === '/login'}
-	<LoginForm callback={() => ($state = '/landing')} />
-{:else if $state === '/register'}
-	<RegisterForm callback={() => ($state = '/landing')} />
-{/if}
+	{:else if $state === '/login'}
+		<LoginForm callback={() => ($state = '/landing')} />
+	{:else if $state === '/register'}
+		<RegisterForm callback={() => ($state = '/landing')} />
+	{/if}
+</div>