--- a/client/src/components/Search.vue	Fri Feb 15 11:55:56 2019 +0100
+++ b/client/src/components/Search.vue	Fri Feb 15 12:32:22 2019 +0100
@@ -78,14 +78,10 @@
 .searchgroup {
   margin-left: -3px;
   transition: width 0.3s;
-  width: 300px;
+  width: 571px;
   overflow: hidden;
 }
 
-.searchgroup.big {
-  width: 571px;
-}
-
 .searchgroup-collapsed {
   width: 0;
 }
@@ -134,6 +130,11 @@
 .searchresults a:hover {
   background: #f8f8f8;
 }
+
+.smallbox {
+  width: 2rem;
+  transition: 0.3s;
+}
 </style>
 
 <script>
@@ -195,7 +196,8 @@
         "input-group searchcontainer shadow-xs",
         {
           "d-flex": this.contextBoxContent !== "imports",
-          "d-none": this.contextBoxContent === "imports" && this.showContextBox
+          "d-none": this.contextBoxContent === "imports" && this.showContextBox,
+          smallbox: !this.showSearchbar
         }
       ];
     },