diff --git a/static/css/index.css b/static/css/index.css
index 6cc2f69..9ab1d6f 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -13,3 +13,12 @@
 #results_processing {
 	height: 70px;
 }
+
+#select-realm-container {
+	display: flex;
+}
+
+#select-realm-container .realm-label {
+	align-self: center;
+	margin-right: 4px;
+}
diff --git a/static/index.html b/static/index.html
index 806bcb9..3513bd4 100644
--- a/static/index.html
+++ b/static/index.html
@@ -3,16 +3,24 @@
 <link rel="stylesheet" type="text/css" href="/css/datatables.css">
 <script type="application/javascript" src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
 
-<h1>Armory</h1>
+<h1 class="title is-size-1">Armory</h1>
 
 {{#if (not (equalsLength realms 1))}}
-<select id="select-realm">
-	{{#each realms}}
-	<option>{{this}}</option>
-	{{/each}}
-</select>
+
+<div id="select-realm-container">
+	<span class="realm-label">Realm:</span>
+	<div class="select">
+		<select id="select-realm">
+			{{#each realms}}
+			<option>{{this}}</option>
+			{{/each}}
+		</select>
+	</div>
+</div>
 {{/if}}
 
+<br>
+
 <table id="results" class="stripe hover row-border">
 	<thead>
 		<tr>