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 f099d6520e..d462b62aa1 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
@@ -155,7 +155,8 @@ export default
                 Rest.post({})
                 .then(function () {
                     ngToast.success({
-                        content: `Test Notification Success: <b>${name}</b> `
+                        content: `<i class="fa fa-check-circle Toast-successIcon"></i> Test Notification Success: <b>${name}</b> `,
+                        className: 'Toast-success'
                      });
 
                 })
diff --git a/awx/ui/client/src/notifications/notifications.block.less b/awx/ui/client/src/notifications/notifications.block.less
index 84b75be218..9ee78f9ae2 100644
--- a/awx/ui/client/src/notifications/notifications.block.less
+++ b/awx/ui/client/src/notifications/notifications.block.less
@@ -5,3 +5,14 @@
 .NotifierList-lastColumn{
     text-align: left!important;
 }
+
+.alert-success{
+    background-color: #3cb878;
+    color: #fff;
+}
+
+.Toast-successIcon{
+    font-size: x-large;
+    vertical-align: middle;
+    padding-right: 10px;
+}