diff --git a/ansibleworks/ui/static/css/ansible-ui.css b/ansibleworks/ui/static/css/ansible-ui.css
index b1184dd821..a666329998 100644
--- a/ansibleworks/ui/static/css/ansible-ui.css
+++ b/ansibleworks/ui/static/css/ansible-ui.css
@@ -260,6 +260,7 @@
  .search-widget {
     display: inline-block;
     vertical-align: bottom;
+    margin-bottom: 15px;
  }
 
  .list-actions {
diff --git a/ansibleworks/ui/static/lib/ansible/form-generator.js b/ansibleworks/ui/static/lib/ansible/form-generator.js
index 30753a218f..cd7e46641c 100644
--- a/ansibleworks/ui/static/lib/ansible/form-generator.js
+++ b/ansibleworks/ui/static/lib/ansible/form-generator.js
@@ -632,12 +632,12 @@ angular.module('FormGenerator', ['GeneratorHelpers'])
               else {
                   html += "<div class=\"well\">\n";
                   
-                  html += SearchWidget({ iterator: form.related[itm].iterator, template: form.related[itm], mini: true });
+                  html += SearchWidget({ iterator: form.related[itm].iterator, template: form.related[itm], mini: false });
 
                   // Add actions(s)
                   html += "<div class=\"list-actions\">\n";
                   for (var action in form.related[itm].actions) {
-                      html += "<button class=\"btn btn-mini btn-success\" ";
+                      html += "<button class=\"btn btn-small btn-success\" ";
                       html += this.attr(form.related[itm]['actions'][action],'ngClick');
                       html += "><i class=\"" + form.related[itm]['actions'][action].icon + "\"></i></button>\n";
                   }
@@ -689,7 +689,7 @@ angular.module('FormGenerator', ['GeneratorHelpers'])
                   // Row level actions
                   html += "<td class=\"actions\">";
                   for (action in form.related[itm].fieldActions) {
-                      html += "<button class=\"btn btn-mini"; 
+                      html += "<button class=\"btn btn-small"; 
                       html += (form.related[itm]['fieldActions'][action].class) ?
                           " " + form.related[itm]['fieldActions'][action].class : "";
                       html += "\" " + this.attr(form.related[itm]['fieldActions'][action],'ngClick') +
diff --git a/ansibleworks/ui/static/lib/ansible/generator-helpers.js b/ansibleworks/ui/static/lib/ansible/generator-helpers.js
index ab9b8b8ff8..2d8a63f301 100644
--- a/ansibleworks/ui/static/lib/ansible/generator-helpers.js
+++ b/ansibleworks/ui/static/lib/ansible/generator-helpers.js
@@ -24,7 +24,7 @@ angular.module('GeneratorHelpers', [])
         html += "<div class=\"input-prepend input-append\">\n";
         html += "<div class=\"btn-group\">\n";
         html += "<button class=\"btn "; 
-        html += (useMini) ? "btn-mini " : "";
+        html += (useMini) ? "btn-mini " : "btn-small";
         html += "dropdown-toggle\" data-toggle=\"dropdown\">\n";
         html += "<span ng-bind=\"" + iterator + "SearchFieldLabel\"></span>\n";
         html += "<span class=\"caret\"></span>\n";
@@ -51,7 +51,7 @@ angular.module('GeneratorHelpers', [])
 
         html += "<div class=\"btn-group\">\n";
         html += "<button ng-hide=\"" + iterator + "SelectShow || " + iterator + "HideSearchType\" class=\"btn ";
-        html += (useMini) ? "btn-mini " : "";
+        html += (useMini) ? "btn-mini " : "btn-small";
         html += "dropdown-toggle\" data-toggle=\"dropdown\">\n";
         html += "<span ng-bind=\"" + iterator + "SearchTypeLabel\"></span>\n";
         html += "<span class=\"caret\"></span>\n";