diff --git a/editor/src/styles.scss b/editor/src/styles.scss
index 40f1a7b..f1620a7 100644
--- a/editor/src/styles.scss
+++ b/editor/src/styles.scss
@@ -250,7 +250,6 @@ mark {
 }
 #autocomplete {
   z-index: 1;
-  right: 0;
   width: 640px;
   overflow-x: hidden;
   overflow-y: auto;
@@ -441,3 +440,16 @@ input.input-line, input.input-line:active {
   overflow: hidden;
   display: block;
 }
+.searchbar {
+  position: relative;
+  display: flex;
+  justify-content: center;
+
+  .field > .control {
+    width: 100%;
+  }
+
+  .search.input {
+    width: 400px;
+  }
+}
diff --git a/templates/layout.html b/templates/layout.html
index 65ce114..db81ba3 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -40,17 +40,12 @@
         </div>
     </nav>
 
-    <div class="level">
-        <div class="level-left"></div>
-        <div class="level-right">
-            <div class="level-item">
-                <div class="field">
-                    <p class="control">
-                        <input class="search input" id="search-input" type="text" placeholder="Find a page">
-                    </p>
-                    <div id="autocomplete" class="hide keyboard-list" tabindex="0"></div>
-                </div>
-            </div>
+    <div class="searchbar">
+        <div class="field">
+            <p class="control">
+                <input class="search input" id="search-input" type="text" placeholder="Find a page">
+            </p>
+            <div id="autocomplete" class="hide keyboard-list" tabindex="0"></div>
         </div>
     </div>