diff --git a/css/style.css b/css/style.css
index ae2a812..9359f9f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -13,6 +13,8 @@ h1, h2, h3, h3, h4, h5, h6, p, a, label, button, input, select, td {
 
 body {
 	min-height: 100vh;
+	display: grid;
+	grid-template-rows: auto 1fr;
 }
 
 img.clickable {
diff --git a/index.html b/index.html
index 225d890..0519b37 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,7 @@
 			<section class="w3-container">
 				<div class="flex row nowrap" style="justify-content: space-between;">
 					<h2>Instances</h2>
-					<button type="button" id="instance-add" class="w3-button">Create New Instance</button>
+					<button type="button" id="instance-add" class="w3-button">Create Instance</button>
 				</div>
 				<div id="instance-container" class="w3-card w3-padding"></div>
 			</section>
diff --git a/login.html b/login.html
index 5f0dd2c..e391fff 100644
--- a/login.html
+++ b/login.html
@@ -10,7 +10,7 @@
 		<link rel="stylesheet" href="css/nav.css">
 		<script src="scripts/login.js" type="module"></script>
 	</head>
-	<body class="w3-display-container" style="min-height: 100vh;">
+	<body>
 		<header>
 			<nav id="hamnav">
 				<h1 style="font-size: 18px; margin: 0px; background-color: #0f0; color: #000;">tronnet</h1>
@@ -21,8 +21,8 @@
 				</div>
 			</nav>
 		</header>
-		<main>
-			<div class="w3-card w3-margin w3-container w3-display-middle w3-padding">
+		<main class="flex" style="justify-content: center; align-items: center;">
+			<div class="w3-container w3-card w3-margin w3-padding" style="height: fit-content;">
 				<h2 class="w3-center">Proxmox VE Login</h2>
 				<form>     
 					<label for="username"><b>Username</b></label>
