diff --git a/awx/ui/client/src/shared/limit-panels/limit-panels.directive.js b/awx/ui/client/src/shared/limit-panels/limit-panels.directive.js
index 2471a1cf29..a2ee0a4a9d 100644
--- a/awx/ui/client/src/shared/limit-panels/limit-panels.directive.js
+++ b/awx/ui/client/src/shared/limit-panels/limit-panels.directive.js
@@ -10,9 +10,10 @@ export default [function() {
             const maxPanels = parseInt(scope.maxPanels);
 
             scope.$watch(
-                () => angular.element('#' + scope.panelContainer).find('.Panel').length,
+                () => angular.element('#' + scope.panelContainer).find('.Panel, .at-Panel').length,
                 () => {
-                    const panels = angular.element('#' + scope.panelContainer).find('.Panel');
+                    const panels = angular.element('#' + scope.panelContainer).find('.Panel, .at-Panel');
+
                     if(panels.length > maxPanels) {
                         // hide the excess panels
                         $(panels).each(function( index ) {