diff --git a/awx/ui/static/js/lists/HomeGroups.js b/awx/ui/static/js/lists/HomeGroups.js
index a4756afa3f..c3121c1109 100644
--- a/awx/ui/static/js/lists/HomeGroups.js
+++ b/awx/ui/static/js/lists/HomeGroups.js
@@ -23,14 +23,13 @@ angular.module('HomeGroupListDefinition', [])
                 key: true,
                 label: 'Group',
                 ngClick: "editGroup(group.id, group.inventory)",
-                columnClass: 'col-lg-5 ellipsis'
-                //linkTo: "\{\{ '/#/inventories/' + group.inventory + '/' \}\}"
+                columnClass: 'col-lg-4 col-md3 col-sm-3 col-xs-6 ellipsis'
                 },
             inventory_name: {
                 label: 'Inventory', 
                 sourceModel: 'inventory',
                 sourceField: 'name',
-                //columnClass: 'col-lg-3 col-md3 col-sm-2 ellipsis',
+                columnClass: 'col-lg-3 col-md2 col-sm-2 hidden-xs elllipsis',
                 linkTo: "\{\{ '/#/inventories/' + group.inventory + '/' \}\}"
                 },
             /*failed_hosts: {
diff --git a/awx/ui/static/js/lists/HomeHosts.js b/awx/ui/static/js/lists/HomeHosts.js
index b94c340f75..4f157ec69b 100644
--- a/awx/ui/static/js/lists/HomeHosts.js
+++ b/awx/ui/static/js/lists/HomeHosts.js
@@ -23,14 +23,14 @@ angular.module('HomeHostListDefinition', [])
             name: {
                 key: true,
                 label: 'Name',
-                columnClass: 'col-lg-3 col-md3 col-sm-2',
+                columnClass: 'col-lg-4 col-md3 col-sm-3 col-xs-7 ellipsis',
                 ngClick: "editHost(\{\{ host.id \}\}, '\{\{ host.name \}\}')"
                 },
             inventory_name: {
                 label: 'Inventory', 
                 sourceModel: 'inventory',
                 sourceField: 'name',
-                columnClass: 'col-lg-3 col-md3 col-sm-2',
+                columnClass: 'col-lg-3 col-md2 col-sm-2 hidden-xs elllipsis',
                 linkTo: "\{\{ '/#/inventories/' + host.inventory \}\}"
                 },
             enabled: {
diff --git a/awx/ui/static/lib/ansible/list-generator.js b/awx/ui/static/lib/ansible/list-generator.js
index c6fdebad89..ff375d5433 100644
--- a/awx/ui/static/lib/ansible/list-generator.js
+++ b/awx/ui/static/lib/ansible/list-generator.js
@@ -244,7 +244,7 @@ angular.module('ListGenerator', ['GeneratorHelpers'])
         html += "<thead>\n";
         html += "<tr>\n";
         if (list.index) {
-            html += "<th class\"col-lg-1 col-md-1 col-sm-1\">#</th>\n";
+            html += "<th class=\"col-lg-1 col-md-1 col-sm-1 hidden-xs\">#</th>\n";
         }
         for (var fld in list.fields) {
             if ( (list.fields[fld].searchOnly == undefined || list.fields[fld].searchOnly == false) &&
@@ -298,7 +298,7 @@ angular.module('ListGenerator', ['GeneratorHelpers'])
        html += "\"";
        html += ">\n";
        if (list.index) {
-           html += "<td class=\"index-column\">{{ $index + (" + list.iterator + "Page * " + list.iterator + "PageSize) + 1 }}.</td>\n";
+           html += "<td class=\"index-column hidden-xs\">{{ $index + (" + list.iterator + "Page * " + list.iterator + "PageSize) + 1 }}.</td>\n";
        }
        var cnt = 2;
        var base = (list.base) ? list.base : list.name;