diff --git a/resources/assets/less/metager/searchbar.less b/resources/assets/less/metager/searchbar.less
index 001f4fa1d401fba3b48d34039bac6dfd81b2ad52..2ccc40428d5b47fa67c27dda99d2bfab6336c7ec 100644
--- a/resources/assets/less/metager/searchbar.less
+++ b/resources/assets/less/metager/searchbar.less
@@ -5,8 +5,11 @@
     align-items: stretch;
     justify-content: center;
     font-size: 16px;
-    background-color: white;
+    background-color: transparent;
     color: #333;
+    &>* {
+        background-color: white;
+    }
     .search-focus-selector {
         border-radius: 5px 0px 0px 5px;
         display: flex;
@@ -140,7 +143,7 @@
         flex-grow: 1;
         input {
             border: none;
-            border-bottom: 1px solid #ccc;
+            border-bottom: none;
             height: 40px;
             box-shadow: none;
             &:focus {
@@ -222,6 +225,9 @@ div:hover>.searchbar-tooltip {
 
 .resultpage-searchbar {
     padding: 5px;
+    .search-input-submit .search-input input {
+        border-bottom: 1px solid #ccc;
+    }
     @media (max-width: @screen-xs-max) {
         .search-focus-selector {
             border-top: none;
@@ -280,15 +286,14 @@ header {
     position: fixed;
     z-index: 100;
     max-width: 700px;
-    width:100%;
+    width: 100%;
     background-color: inherit;
     @media (max-width: 1070px) {
         margin-left: 0px;
         -webkit-box-pack: center;
         max-width: 1070px;
     }
-
-    #research-bar { 
+    #research-bar {
         max-width: 700px;
         width: auto;
         padding: 0px 30px 0px 10px;
@@ -297,12 +302,12 @@ header {
         border-bottom: 2px solid rgb(255, 128, 0);
         display: flex;
         align-items: center;
-        justify-content: center;    
+        justify-content: center;
         box-shadow: 0px 1px 1.5px 0px rgba(0, 0, 0, 0.12), 1px 0px 1px 0px rgba(0, 0, 0, 0.24);
         @media (max-width: 799px) {
             margin: 0px 8px;
         }
-    } 
+    }
 }
 
 header:nth-child(1) {
@@ -312,45 +317,41 @@ header:nth-child(1) {
 }
 
 #foki {
-        display: flex;
-        width: auto;
-        max-width: 700px;
-        background-color: white;
-        border: 1px solid #ccc;
-        margin-top:10px;
-        padding: 10px;
-        margin-left: 50px;
-        overflow-x: auto;
-        box-shadow: 0px 1px 1.5px 0px rgba(0, 0, 0, 0.12), 1px 0px 1px 0px rgba(0, 0, 0, 0.24);
-
-        &::-webkit-scrollbar {
-            height: 0px;  /* remove scrollbar space */
-            background: transparent;  /* optional: just make scrollbar invisible */
-        }
-
-        @media (max-width: 799px) {
-            margin: 10px 8px 0px 8px;
-            
-        }
-
-        &>div {
-            padding: 0px 10px;
-
-            &>a {
-                color: black;
-            }
-            &.active>a{
-                border-bottom: 1px solid rgb(255,128,0);
-                color: rgb(255,128,0);
-            }
+    display: flex;
+    width: auto;
+    max-width: 700px;
+    background-color: white;
+    border: 1px solid #ccc;
+    margin-top: 10px;
+    padding: 10px;
+    margin-left: 50px;
+    overflow-x: auto;
+    box-shadow: 0px 1px 1.5px 0px rgba(0, 0, 0, 0.12), 1px 0px 1px 0px rgba(0, 0, 0, 0.24);
+    &::-webkit-scrollbar {
+        height: 0px;
+        /* remove scrollbar space */
+        background: transparent;
+        /* optional: just make scrollbar invisible */
+    }
+    @media (max-width: 799px) {
+        margin: 10px 8px 0px 8px;
+    }
+    &>div {
+        padding: 0px 10px;
+        &>a {
+            color: black;
         }
-        .edit-focus{
-            margin-left: 7px;
+        &.active>a {
+            border-bottom: 1px solid rgb(255, 128, 0);
+            color: rgb(255, 128, 0);
         }
     }
-
-#research-bar-placeholder {
-        width: 100%;
-        height: 60px;
+    .edit-focus {
+        margin-left: 7px;
     }
+}
 
+#research-bar-placeholder {
+    width: 100%;
+    height: 60px;
+}
\ No newline at end of file