diff --git a/awx/ui/client/src/dashboard/hosts/dashboard-hosts.list.js b/awx/ui/client/src/dashboard/hosts/dashboard-hosts.list.js
index 169ab31c94..e34a051588 100644
--- a/awx/ui/client/src/dashboard/hosts/dashboard-hosts.list.js
+++ b/awx/ui/client/src/dashboard/hosts/dashboard-hosts.list.js
@@ -31,6 +31,7 @@ export default function(){
                 awTipPlacement: 'right',
                 dataPlacement: 'right',
                 awPopOver: '{{ host.job_status_html }}',
+                dataTitle: '{{host.job_status_title}}',
                 ngClick:'viewHost(host.id)',
                 columnClass: 'col-lg-1 col-md-1 col-sm-2 col-xs-2 List-staticColumn--smallStatus'
             },
diff --git a/awx/ui/client/src/notifications/notification-templates-list/list.controller.js b/awx/ui/client/src/notifications/notification-templates-list/list.controller.js
index a84e4c96da..04265f1181 100644
--- a/awx/ui/client/src/notifications/notification-templates-list/list.controller.js
+++ b/awx/ui/client/src/notifications/notification-templates-list/list.controller.js
@@ -28,6 +28,7 @@ export default
                 Wait('stop');
                 if (scope.notification_templates) {
                     scope.notification_templates.forEach(function(notification_template, i) {
+                        setStatus(notification_template);
                         scope.notification_type_options.forEach(function(type) {
                             if (type.value === notification_template.notification_type) {
                                 scope.notification_templates[i].notification_type = type.label;
@@ -74,78 +75,33 @@ export default
                 callback: 'choicesReadyNotifierList'
             });
 
-            function attachElem(event, html, title) {
-                var elem = $(event.target).parent();
-                try {
-                    elem.tooltip('hide');
-                    elem.popover('destroy');
-                }
-                catch(err) {
-                    //ignore
-                }
+            function setStatus(notification_template) {
+                var html, recent_notifications = notification_template.summary_fields.recent_notifications;
+                if (recent_notifications.length > 0) {
+                    html = "<table class=\"table table-condensed flyout\" style=\"width: 100%\">\n";
+                    html += "<thead>\n";
+                    html += "<tr>";
+                    html += "<th>Status</th>";
+                    html += "<th>Time</th>";
+                    html += "</tr>\n";
+                    html += "</thead>\n";
+                    html += "<tbody>\n";
 
-                $('.popover').each(function() {
-                    // remove lingering popover <div>. Seems to be a bug in TB3 RC1
-                    $(this).remove();
-                });
-                $('.tooltip').each( function() {
-                    // close any lingering tool tipss
-                    $(this).hide();
-                });
-                elem.attr({
-                    "aw-pop-over": html,
-                    "data-popover-title": title,
-                    "data-placement": "right" });
-                $compile(elem)(scope);
-                elem.on('shown.bs.popover', function() {
-                    $('.popover').each(function() {
-                        $compile($(this))(scope);  //make nested directives work!
+                    recent_notifications.forEach(function(row) {
+                        html += "<tr>\n";
+                        html += `<td><i class=\"SmartStatus-tooltip--${row.status} fa icon-job-${row.status}"></i></td>`;
+                        html += "<td>" + ($filter('longDate')(row.created)).replace(/ /,'<br />') + "</td>\n";
+                        html += "</tr>\n";
                     });
-                    $('.popover-content, .popover-title').click(function() {
-                        elem.popover('hide');
-                    });
-                });
-                elem.popover('show');
+                    html += "</tbody>\n";
+                    html += "</table>\n";
+                }
+                else {
+                    html = "<p>No recent notifications.</p>\n";
+                }
+                notification_template.template_status_html = html;
             }
 
-            scope.showSummary = function(event, id) {
-                setTimeout(function(){
-                    if (!Empty(id)) {
-                        var recent_notifications,
-                        html, title = "Recent Notifications";
-
-                        scope.notification_templates.forEach(function(notification_template){
-                            if(notification_template.id === id){
-                                recent_notifications = notification_template.summary_fields.recent_notifications;
-                            }
-                        });
-                        if (recent_notifications.length > 0) {
-                            html = "<table class=\"table table-condensed flyout\" style=\"width: 100%\">\n";
-                            html += "<thead>\n";
-                            html += "<tr>";
-                            html += "<th>Status</th>";
-                            html += "<th>Time</th>";
-                            html += "</tr>\n";
-                            html += "</thead>\n";
-                            html += "<tbody>\n";
-
-                            recent_notifications.forEach(function(row) {
-                                html += "<tr>\n";
-                                html += `<td><i class=\"SmartStatus-tooltip--${row.status} fa icon-job-${row.status}"></i></td>`;
-                                html += "<td>" + ($filter('longDate')(row.created)).replace(/ /,'<br />') + "</td>\n";
-                                html += "</tr>\n";
-                            });
-                            html += "</tbody>\n";
-                            html += "</table>\n";
-                        }
-                        else {
-                            html = "<p>No recent notifications.</p>\n";
-                        }
-                        attachElem(event, html, title);
-                    }
-                }, 100);
-            };
-
             scope.testNotification = function(){
                 var name = $filter('sanitize')(this.notification_template.name),
                 pending_retries = 10;
diff --git a/awx/ui/client/src/notifications/notificationTemplates.list.js b/awx/ui/client/src/notifications/notificationTemplates.list.js
index 7f3780f959..06eb25615f 100644
--- a/awx/ui/client/src/notifications/notificationTemplates.list.js
+++ b/awx/ui/client/src/notifications/notificationTemplates.list.js
@@ -19,17 +19,14 @@ export default function(){
         fields: {
             status: {
                 label: '',
-                columnClass: 'List-staticColumn--smallStatus',
+                iconOnly: true,
                 searchable: false,
                 nosort: true,
-                ngClick: "null",
-                iconOnly: true,
-                excludeModal: true,
-                icons: [{
-                    icon: "{{ 'icon-job-' + notification_template.status }}",
-                    ngClick: "showSummary($event, notification_template.id)",
-                    ngClass: ""
-                }]
+                icon: 'icon-job-{{ notification_template.status }}',
+                awPopOver: '{{ notification_template.template_status_html }}',
+                dataTitle: "Recent Notifications",
+                dataPlacement: 'right',
+                columnClass: 'col-lg-1 col-md-1 col-sm-2 col-xs-2 List-staticColumn--smallStatus'
             },
             name: {
                 key: true,
diff --git a/awx/ui/client/src/shared/generator-helpers.js b/awx/ui/client/src/shared/generator-helpers.js
index aebfcb1a31..6d6b4b70fc 100644
--- a/awx/ui/client/src/shared/generator-helpers.js
+++ b/awx/ui/client/src/shared/generator-helpers.js
@@ -371,7 +371,7 @@ angular.module('GeneratorHelpers', [systemStatus.name])
         } else if (field.link || (field.key && (field.link === undefined || field.link))) {
             html += "<a href=\"#/" + base + "/{{" + list.iterator + ".id }}\" ";
         } else {
-            html += "<a href=\"\">";
+            html += "<a href=\"\"";
         }
         if (field.awDroppable) {
             html += Attr(field, 'awDroppable');
@@ -394,7 +394,7 @@ angular.module('GeneratorHelpers', [systemStatus.name])
         if (field.awPopOver) {
             html += "aw-pop-over=\"" + field.awPopOver + "\" ";
             html += (field.dataPlacement) ? "data-placement=\"" + field.dataPlacement + "\" " : "";
-            html += (field.dataTitle) ? "data-title=\"" + field.dataTitle + "\" " : "";
+            html += (field.dataTitle) ? "over-title=\"" + field.dataTitle + "\" " : "";
         }
         html += (field.ngClass) ? Attr(field, 'ngClass') : '';
         html += (field.ngEllipsis) ? "data-ng-bind=\"" + list.iterator + "." + fld + "\" data-ellipsis " : "";