diff --git a/src/sass/blocks/basics/_form.scss b/src/sass/blocks/basics/_form.scss
index 9ac68e3..178f41f 100644
--- a/src/sass/blocks/basics/_form.scss
+++ b/src/sass/blocks/basics/_form.scss
@@ -188,6 +188,18 @@
         height: 1em;
         width: 0.8em;
     }
+
+    // Small lightweight search field to align with btn--light
+    &--light {
+        .input-text {
+            height: 2em;
+            padding-top: 0.5em;
+            padding-bottom: 0.5em;
+        }
+        & > svg {
+            top: 0.5em;
+        }
+    }
 }
 
 .input-checkbox {
diff --git a/src/tpl/action-bar.html b/src/tpl/action-bar.html
index 4598bb4..8c64a06 100644
--- a/src/tpl/action-bar.html
+++ b/src/tpl/action-bar.html
@@ -16,7 +16,7 @@
   </div><!--/action-bar__secondary-->
 
   <div class="action-bar__search">
-    <div class="search">
+    <div class="search search--light">
       <svg><use xlink:href="#icon-search" /><title>Search</title></svg>
       <input class="input-text" type="text" ng-model="searchText"
         ng-change="displaySearchResults(searchText)"