diff --git a/ghost/admin/app/components/dashboard/v5/charts/paid-breakdown.hbs b/ghost/admin/app/components/dashboard/v5/charts/paid-breakdown.hbs
index f84fd46206..356df08b81 100644
--- a/ghost/admin/app/components/dashboard/v5/charts/paid-breakdown.hbs
+++ b/ghost/admin/app/components/dashboard/v5/charts/paid-breakdown.hbs
@@ -19,9 +19,9 @@
                         -
                     </div>
                     <div class="gh-dashboard5-tooltip-value">
-                        <div class="gh-dashboard5-tooltip-value-1"><span class="value"></span></div>
+                        <div class="gh-dashboard5-tooltip-value-1"><span class="indicator solid"></span><span class="value"></span></div>
                         <div class="gh-dashboard5-tooltip-value-1"><span class="label">New</span></div>
-                        <div class="gh-dashboard5-tooltip-value-2"><span class="value"></span></div>
+                        <div class="gh-dashboard5-tooltip-value-2"><span class="indicator solid"></span><span class="value"></span></div>
                         <div class="gh-dashboard5-tooltip-value-2"><span class="label">Canceled</span></div>
                         <div class="gh-dashboard5-tooltip-value-3"></div>
                     </div>
diff --git a/ghost/admin/app/components/dashboard/v5/charts/paid-mix.js b/ghost/admin/app/components/dashboard/v5/charts/paid-mix.js
index 2127923df6..417cf03b3a 100644
--- a/ghost/admin/app/components/dashboard/v5/charts/paid-mix.js
+++ b/ghost/admin/app/components/dashboard/v5/charts/paid-mix.js
@@ -187,7 +187,7 @@ export default class PaidMix extends Component {
                         } else {
                             const label = data.datasets[tooltipItems.datasetIndex].label || '';
                             const value = data.datasets[tooltipItems.datasetIndex].data[tooltipItems.index] || 0;
-                            tooltipTextEl.innerHTML = `${label} ${value}%`;
+                            tooltipTextEl.innerHTML = `<span class="indicator solid" style="background-color: ${data.datasets[tooltipItems.datasetIndex].backgroundColor}"></span><span class="value">${value}%</span><span class="label">${label}</span>`;
                         }
                     },
                     title: () => {
diff --git a/ghost/admin/app/components/dashboard/v5/charts/paid-mrr.hbs b/ghost/admin/app/components/dashboard/v5/charts/paid-mrr.hbs
index e9a04d5673..6043354451 100644
--- a/ghost/admin/app/components/dashboard/v5/charts/paid-mrr.hbs
+++ b/ghost/admin/app/components/dashboard/v5/charts/paid-mrr.hbs
@@ -21,6 +21,7 @@
                         -
                     </div>
                     <div class="gh-dashboard5-tooltip-value">
+                        <span class="indicator line"></span>
                         <span class="value">-</span>
                         <span class="label">MRR</span>
                     </div>
diff --git a/ghost/admin/app/styles/layouts/dashboard-v5.css b/ghost/admin/app/styles/layouts/dashboard-v5.css
index 4b94f3b932..26d850fc73 100644
--- a/ghost/admin/app/styles/layouts/dashboard-v5.css
+++ b/ghost/admin/app/styles/layouts/dashboard-v5.css
@@ -1737,6 +1737,8 @@ Dashboard v5 Tooltips */
 }
 
 .gh-dashboard5-tooltip-value {
+    display: flex;
+    align-items: baseline;
     font-size: 1.5rem;
     font-weight: 700;
     letter-spacing: 0;
@@ -1745,36 +1747,43 @@ Dashboard v5 Tooltips */
     color: var(--black);
 }
 
-.gh-dashboard5-mrr .gh-dashboard5-tooltip-value {
-    display: flex;
-    align-items: baseline;
+.gh-dashboard5-tooltip-value .indicator {
+    display: inline-block;
+    border-radius: 999px;
+    margin-right: 6px;
 }
 
-.gh-dashboard5-mrr .gh-dashboard5-tooltip-value::before {
-    display: block;
-    content: "";
+.gh-dashboard5-tooltip-value .indicator.solid {
+    width: 9px;
+    height: 9px;
+}
+
+.gh-dashboard5-tooltip-value .indicator.line {
     width: 11px;
     height: 11px;
-    border-radius: 999px;
-    margin: 0 6px 1px 0;
-    border: 2px solid #8E42FF;
+    border-width: 2px;
+    border-style: solid;
 }
 
-.gh-dashboard5-mrr .gh-dashboard5-tooltip-value .value {
+.gh-dashboard5-tooltip-value .value {
     font-size: 1.5rem;
+    margin-right: 8px;
 }
 
-.gh-dashboard5-mrr .gh-dashboard5-tooltip-value .label {
-    margin-left: 6px;
+.gh-dashboard5-tooltip-value .label {
     font-size: 1.4rem;
     font-weight: 400;
     color: var(--midgrey);
+    padding: 0;
+}
+
+.gh-dashboard5-mrr .indicator {
+    border-color: #8E42FF;
 }
 
 .gh-dashboard5-breakdown .gh-dashboard5-tooltip-value {
     display: grid;
     grid-template-columns: auto auto;
-    grid-column-gap: 8px;
 }
 
 .gh-dashboard5-breakdown .gh-dashboard5-tooltip-value-1 {
@@ -1797,26 +1806,17 @@ Dashboard v5 Tooltips */
     align-items: baseline;
 }
 
-.gh-dashboard5-breakdown .gh-dashboard5-tooltip-value-1 .value::before,
-.gh-dashboard5-breakdown .gh-dashboard5-tooltip-value-2 .value::before {
-    display: block;
-    content: "";
-    width: 9px;
-    height: 9px;
-    border-radius: 999px;
-    margin: 0 6px 0 0;
-}
-
-.gh-dashboard5-breakdown .gh-dashboard5-tooltip-value-1 .value::before {
+.gh-dashboard5-breakdown .gh-dashboard5-tooltip-value-1 .indicator {
     background: #8E42FF;
 }
 
-.gh-dashboard5-breakdown .gh-dashboard5-tooltip-value-2 .value::before {
+.gh-dashboard5-breakdown .gh-dashboard5-tooltip-value-2 .indicator {
     background: #FB76B4;
 }
 
-.gh-dashboard5-mix .gh-dashboard5-tooltip-value {
-    font-size: 1.4rem;
+.gh-dashboard5-mix .gh-dashboard5-tooltip-value .label {
+    color: var(--midgrey);
+    font-size: 1.3rem;
 }
 
 .gh-dashboard5-totals {