diff --git a/awx/ui/src/components/AppContainer/PageHeaderToolbar.js b/awx/ui/src/components/AppContainer/PageHeaderToolbar.js
index f396e5f518..1d287ce9c3 100644
--- a/awx/ui/src/components/AppContainer/PageHeaderToolbar.js
+++ b/awx/ui/src/components/AppContainer/PageHeaderToolbar.js
@@ -87,7 +87,7 @@ function PageHeaderToolbar({
                 <BellIcon color="white" />
                 <PendingWorkflowApprovalBadge
                   id="toolbar-workflow-approval-badge"
-                  isRead
+                  isRead={pendingApprovalsCount === 0}
                 >
                   {pendingApprovalsCount}
                 </PendingWorkflowApprovalBadge>