diff --git a/awx/ui/static/js/widgets/ObjectCount.js b/awx/ui/static/js/widgets/ObjectCount.js
index 6c86e0571e..e50cc1fc24 100644
--- a/awx/ui/static/js/widgets/ObjectCount.js
+++ b/awx/ui/static/js/widgets/ObjectCount.js
@@ -23,8 +23,8 @@ angular.module('ObjectCountWidget', ['RestServices', 'Utilities'])
            scope.removeCountReady();
         }
         scope.removeCountReady = scope.$on('countReady', function(e, obj, count) {
-            var keys=[ 'organizations', 'users', 'teams', 'projects', 'inventory', 'groups', 'hosts',
-                'credentials', 'job_templates', 'jobs' ];
+            var keys=[ 'organizations', 'users', 'teams', 'credentials', 'projects', 'inventory', 'groups', 'hosts',
+                'job_templates', 'jobs' ];
             var html, itm;
             var cnt = 0;
             for (itm in counts) {
diff --git a/awx/ui/templates/ui/index.html b/awx/ui/templates/ui/index.html
index e3d5e6378a..c067f5b9f7 100644
--- a/awx/ui/templates/ui/index.html
+++ b/awx/ui/templates/ui/index.html
@@ -162,9 +162,9 @@
           <li><a href="#organizations" id="main_organizations_tab" data-toggle="tab">Organizations</a></li>
           <li><a href="#users" id="main_users_tab" data-toggle="tab">Users</a></li>
           <li><a href="#teams" id="main_teams_tab" data-toggle="tab">Teams</a></li>
+          <li><a href="#credentials" id="main_credentials_tab" data-toggle="tab">Credentials</a></li>
           <li><a href="#projects" id="main_projects_tab" data-toggle="tab">Projects</a></li>
           <li><a href="#inventories" id="main_inventories_tab" data-toggle="tab">Inventories</a></li>
-          <li><a href="#credentials" id="main_credentials_tab" data-toggle="tab">Credentials</a></li>
           <li><a href="#job_templates" id="main_job_templates_tab" data-toggle="tab">Job Templates</a></li>
           <li><a href="#jobs" id="main_jobs_tab" data-toggle="tab">Jobs</a></li>
         </ul>