diff --git a/awx/ui/client/src/organizations/list/organizations-list.partial.html b/awx/ui/client/src/organizations/list/organizations-list.partial.html
index 91a17430ef..6018e602ce 100644
--- a/awx/ui/client/src/organizations/list/organizations-list.partial.html
+++ b/awx/ui/client/src/organizations/list/organizations-list.partial.html
@@ -18,47 +18,50 @@
                 </button>
             </div>
         </div>
-        <div class="OrgCards-search">
-        </div>
-        <div class="OrgCards" id="OrgCards">
-            <div class="OrgCards-card"
-                ng-class="{'OrgCards-card--selected': activeCard === card.id || card.isActiveCard }"
-                ng-repeat="card in orgCards track by card.id">
-                <div class="OrgCards-header">
-                    <h3 class="OrgCards-label">{{ card.name }}</h3>
-                    <div class="OrgCards-actionItems">
-                        <button class="OrgCards-actionItem
-                            List-actionButton"
-                            ng-class="{'List-editButton--selected': (activeCard === card.id || card.isActiveCard) && activeMode === 'edit' }"
-                            ng-click="editOrganization(card.id)">
-                            <i class="OrgCards-actionItemIcon fa fa-pencil">
-                            </i>
-                        </button>
-                        <button class="OrgCards-actionItem List-actionButton
-                            List-actionButton--delete"
-                            ng-click="deleteOrganization(card.id, card.name)">
-                            <i class="OrgCards-actionItemIcon
-                                fa fa-trash-o">
-                            </i>
-                        </button>
+        <div class="List-well">
+            <div class="OrgCards-search" ng-hide="organizationLoading == false && organization_active_search == false && organization_total_rows < 1">
+            </div>
+            <div class="List-noItems" ng-show="organizationLoading == false && organization_active_search == false && organization_total_rows < 1">PLEASE ADD ITEMS TO THIS LIST</div>
+            <div class="OrgCards" id="OrgCards">
+                <div class="OrgCards-card"
+                    ng-class="{'OrgCards-card--selected': activeCard === card.id || card.isActiveCard }"
+                    ng-repeat="card in orgCards track by card.id">
+                    <div class="OrgCards-header">
+                        <h3 class="OrgCards-label">{{ card.name }}</h3>
+                        <div class="OrgCards-actionItems">
+                            <button class="OrgCards-actionItem
+                                List-actionButton"
+                                ng-class="{'List-editButton--selected': (activeCard === card.id || card.isActiveCard) && activeMode === 'edit' }"
+                                ng-click="editOrganization(card.id)">
+                                <i class="OrgCards-actionItemIcon fa fa-pencil">
+                                </i>
+                            </button>
+                            <button class="OrgCards-actionItem List-actionButton
+                                List-actionButton--delete"
+                                ng-click="deleteOrganization(card.id, card.name)">
+                                <i class="OrgCards-actionItemIcon
+                                    fa fa-trash-o">
+                                </i>
+                            </button>
+                        </div>
                     </div>
-                </div>
-                <p class="OrgCards-description">{{ card.description || "Place organization description here" }}</p>
-                <div class="OrgCards-links">
-                    <div class="OrgCards-link" ng-repeat="link in card.links">
-                        <span class="badge List-titleBadge
-                            OrgCards-linkBadge"
-                            ng-class="{'List-titleBadge--selected': (activeCard === card.id || card.isActiveCard) && activeMode === link.activeMode }">
-                            {{ link.count }}
-                        </span>
-                        <a class="OrgCards-linkName"
-                            ng-href="{{ link.href }}">
-                            {{ link.name }}
-                        </a>
+                    <p class="OrgCards-description">{{ card.description || "Place organization description here" }}</p>
+                    <div class="OrgCards-links">
+                        <div class="OrgCards-link" ng-repeat="link in card.links">
+                            <span class="badge List-titleBadge
+                                OrgCards-linkBadge"
+                                ng-class="{'List-titleBadge--selected': (activeCard === card.id || card.isActiveCard) && activeMode === link.activeMode }">
+                                {{ link.count }}
+                            </span>
+                            <a class="OrgCards-linkName"
+                                ng-href="{{ link.href }}">
+                                {{ link.name }}
+                            </a>
+                        </div>
                     </div>
                 </div>
             </div>
+            <div id='organizations-list'></div>
         </div>
-        <div id='organizations-list'></div>
     </div>
 </div>