diff --git a/awx/ui/static/js/forms/Groups.js b/awx/ui/static/js/forms/Groups.js
index b0f2db5db3..92a01195c5 100644
--- a/awx/ui/static/js/forms/Groups.js
+++ b/awx/ui/static/js/forms/Groups.js
@@ -13,7 +13,8 @@ angular.module('GroupFormDefinition', [])
         addTitle: 'Create Group',                            //Legend in add mode
         editTitle: '{{ name }}',                             //Legend in edit mode
         name: 'group',                                       //Form name attribute
-        well: false,                                         //Wrap the form with TB well          
+        well: false,                                         //Wrap the form with TB well
+        "class": 'horizontal-narrow',       
 
         fields: {
             name: {
diff --git a/awx/ui/static/js/forms/Hosts.js b/awx/ui/static/js/forms/Hosts.js
index e15eb89a42..4b35f18de7 100644
--- a/awx/ui/static/js/forms/Hosts.js
+++ b/awx/ui/static/js/forms/Hosts.js
@@ -13,6 +13,7 @@ angular.module('HostFormDefinition', [])
         addTitle: 'Create Host',                             //Legend in add mode
         editTitle: '{{ name }}',                             //Legend in edit mode
         name: 'host',                                        //Form name attribute
+        "class": 'horizontal-narrow',
         well: false,                                         //Wrap the form with TB well          
 
         fields: {