--- a/client/src/application/Topbar.vue	Thu Sep 27 10:02:39 2018 +0200
+++ b/client/src/application/Topbar.vue	Thu Sep 27 10:12:41 2018 +0200
@@ -9,14 +9,14 @@
                     <i class="fa fa-search"></i>
                 </span>
             </div>
-            <input v-if="!searchbarCollapsed" id="search" v-model="searchQuery" type="text" class="form-control ui-element search searchbar">
-            <ul v-if="!searchbarCollapsed && searchResults !== null " class="list-group">
-              <li v-for="entry of searchResults" :key="entry.name"
-                  class="list-group-item">
-                <a href="#" @click.prevent="moveToSearchResult(entry)"
-                   >{{entry.name}}</a>
-              </li>
-            </ul>
+            <div class="searchgroup">
+                <input v-if="!searchbarCollapsed" id="search" v-model="searchQuery" type="text" class="form-control ui-element search searchbar">
+                <ul v-if="!searchbarCollapsed && searchResults !== null " class="list-group">
+                    <li v-for="entry of searchResults" :key="entry.name" class="list-group-item">
+                        <a href="#" @click.prevent="moveToSearchResult(entry)">{{entry.name}}</a>
+                    </li>
+                </ul>
+            </div>
         </div>
         <div v-if="routeName == 'mainview'" class="splitbutton">
             <i @click="splitScreen" class="ui-element splitscreen fa fa-window-restore shadow"></i>
@@ -31,6 +31,9 @@
 </template>
 
 <style lang="scss">
+.searchgroup {
+  width: 90%;
+}
 .splitbutton {
   height: $icon-height;
 }