diff --git a/scripts/index.js b/scripts/index.js
index 8b86890..9486c09 100644
--- a/scripts/index.js
+++ b/scripts/index.js
@@ -35,26 +35,26 @@ async function populateInstances () {
 
 	instanceContainer.innerHTML = `
 		<div class="w3-row w3-hide-small w3-border-bottom">
-			<div class="w3-col s1">
+			<div class="w3-col l1 m2">
 				<p>VM ID</p>
 			</div>
-			<div class="w3-col s2">
+			<div class="w3-col l2 m3">
 				<p>VM Name</p>
 			</div>
-			<div class="w3-col s1">
+			<div class="w3-col l1 m2">
 				<p>VM Type</p>
 			</div>
-			<div class="w3-col s2">
+			<div class="w3-col l2 m3">
 				<p>VM Status</p>
 			</div>
-			<div class="w3-col s2">
+			<div class="w3-col l2 w3-hide-medium">
 				<p>Host Name</p>
 			</div>
-			<div class="w3-col s2">
+			<div class="w3-col l2 w3-hide-medium">
 				<p>Host Status</p>
 			</div>
-			<div class="w3-col s2">
-			<p>Actions</p>
+			<div class="w3-col l2 m2">
+				<p>Actions</p>
 			</div>
 		</div>
 	`;
diff --git a/scripts/instance.js b/scripts/instance.js
index fda2637..5ed7e3b 100644
--- a/scripts/instance.js
+++ b/scripts/instance.js
@@ -10,27 +10,27 @@ export class Instance extends HTMLElement {
 			<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 			<link rel="stylesheet" href="css/style.css">
 			<div class="w3-row w3-border-bottom">
-				<div class="w3-col m1 s6">
+				<div class="w3-col l1 m2 s6">
 					<p id="instance-id"></p>
 				</div>
-				<div class="w3-col m2 s6">
+				<div class="w3-col l2 m3 s6">
 					<p id="instance-name"></p>
 				</div>
-				<div class="w3-col m1 w3-hide-small">
+				<div class="w3-col l1 m2 w3-hide-small">
 					<p id="instance-type"></p>
 				</div>
-				<div class="w3-col m2 s6 flex-row-nowrap">
+				<div class="w3-col l2 m3 s6 flex-row-nowrap">
 					<img id="instance-status-icon">
 					<p id="instance-status"></p>
 				</div>
-				<div class="w3-col m2 w3-hide-small">
+				<div class="w3-col l2 w3-hide-medium w3-hide-small">
 					<p id="node-name"></p>
 				</div>
-				<div class="w3-col m2 flex-row-nowrap w3-hide-small">
+				<div class="w3-col l2 w3-hide-medium w3-hide-small flex-row-nowrap">
 					<img id="node-status-icon">
 					<p id="node-status"></p>
 				</div>
-				<div class="w3-col m2 s6 flex-row-nowrap" style="padding-top: 15px;">
+				<div class="w3-col l2 m2 s6 flex-row-nowrap" style="padding-top: 15px;">
 					<img id="power-btn" class="clickable">
 					<img id="console-btn" class="clickable">
 					<img id="configure-btn" class="clickable">