diff --git a/src/wp-admin/css/site-health.css b/src/wp-admin/css/site-health.css
index 1a9c8cd667..7112efae3d 100644
--- a/src/wp-admin/css/site-health.css
+++ b/src/wp-admin/css/site-health.css
@@ -318,53 +318,43 @@
 }
 
 .health-check-accordion-trigger .badge {
-	display: inline-block;
+	float: right;
 	padding: 0.1rem 0.5rem 0.15rem;
-	background-color: #d7dade;
-	border-radius: 3px;
 	color: #000;
 	font-weight: 600;
-	margin: 0 0.5rem;
+	margin: 0 2rem 0 0.5rem;
 }
 
 .health-check-accordion-trigger .badge.blue {
-	background-color: #0073af;
-	color: #fff;
+	border: 1px solid #0073af;
 }
 
 .health-check-accordion-trigger .badge.orange {
-	background-color: #ffb900;
-	color: #000;
+	border: 1px solid #ffb900;
 }
 
 .health-check-accordion-trigger .badge.red {
-	background-color: #dc3232;
-	color: #fff;
+	border: 1px solid #dc3232;
 }
 
 .health-check-accordion-trigger .badge.green {
-	background-color: #40860a;
-	color: #fff;
+	border: 1px solid #40860a;
 }
 
 .health-check-accordion-trigger .badge.pink {
-	background-color: #f4b0fc;
-	color: #000;
+	border: 1px solid #f4b0fc;
 }
 
 .health-check-accordion-trigger .badge.gray {
-	background-color: #ccc;
-	color: #000;
+	border: 1px solid #ccc;
 }
 
 .health-check-accordion-trigger .badge.light-blue {
-	background-color: #10e9fb;
-	color: #000;
+	border: 1px solid #10e9fb;
 }
 
 .health-check-accordion-trigger .badge.light-green {
-	background-color: #60f999;
-	color: #000;
+	border: 1px solid #60f999;
 }
 
 .health-check-accordion-trigger[aria-expanded="true"] .icon {
diff --git a/src/wp-admin/includes/class-wp-site-health.php b/src/wp-admin/includes/class-wp-site-health.php
index 85420f4b8d..766bc19ea5 100644
--- a/src/wp-admin/includes/class-wp-site-health.php
+++ b/src/wp-admin/includes/class-wp-site-health.php
@@ -183,7 +183,7 @@ class WP_Site_Health {
 			'status'      => '',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => '',
 			'actions'     => '',
@@ -283,7 +283,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -399,7 +399,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -623,7 +623,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -712,7 +712,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p><p>%s</p>',
@@ -908,7 +908,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -988,7 +988,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1103,7 +1103,7 @@ class WP_Site_Health {
 			'status'      => '',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1163,7 +1163,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1224,7 +1224,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1287,7 +1287,7 @@ class WP_Site_Health {
 			'status'      => '',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1333,7 +1333,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1394,7 +1394,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1470,7 +1470,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1512,7 +1512,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1583,7 +1583,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',