diff --git a/src/pages/_includes/cards/navbar-notifications.html b/src/pages/_includes/cards/navbar-notifications.html
index 07e91d4ab..d9a58b246 100644
--- a/src/pages/_includes/cards/navbar-notifications.html
+++ b/src/pages/_includes/cards/navbar-notifications.html
@@ -5,7 +5,7 @@
 	<div class="list-group list-group-flush list-group-hoverable">
 		<div class="list-group-item">
 			<div class="row align-items-center">
-				<div class="col-auto"><span class="badge bg-red d-block"></span></div>
+				<div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
 				<div class="col text-truncate">
 					<a href="#" class="text-body d-block">Example 1</a>
 					<div class="d-block text-muted text-truncate mt-n1">
@@ -21,7 +21,7 @@
 		</div>
 		<div class="list-group-item">
 			<div class="row align-items-center">
-				<div class="col-auto"><span class="badge d-block"></span></div>
+				<div class="col-auto"><span class="status-dot d-block"></span></div>
 				<div class="col text-truncate">
 					<a href="#" class="text-body d-block">Example 2</a>
 					<div class="d-block text-muted text-truncate mt-n1">
@@ -37,7 +37,7 @@
 		</div>
 		<div class="list-group-item">
 			<div class="row align-items-center">
-				<div class="col-auto"><span class="badge d-block"></span></div>
+				<div class="col-auto"><span class="status-dot d-block"></span></div>
 				<div class="col text-truncate">
 					<a href="#" class="text-body d-block">Example 3</a>
 					<div class="d-block text-muted text-truncate mt-n1">
@@ -53,7 +53,7 @@
 		</div>
 		<div class="list-group-item">
 			<div class="row align-items-center">
-				<div class="col-auto"><span class="badge bg-green d-block"></span></div>
+				<div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
 				<div class="col text-truncate">
 					<a href="#" class="text-body d-block">Example 4</a>
 					<div class="d-block text-muted text-truncate mt-n1">