diff --git a/ghost/admin/app/components/dashboard/onboarding-checklist.hbs b/ghost/admin/app/components/dashboard/onboarding-checklist.hbs
index 15c9a70fe0..b03e22850d 100644
--- a/ghost/admin/app/components/dashboard/onboarding-checklist.hbs
+++ b/ghost/admin/app/components/dashboard/onboarding-checklist.hbs
@@ -1,20 +1,25 @@
 <div class="gh-onboarding-wrapper" data-test-dashboard="onboarding-checklist">
     <div class="gh-onboarding-header">
         {{#if (feature "nightShift")}}
-            <video width="80" height="80" loop autoplay muted playsinline preload="metadata" style="width: 80px; height: 80px; margin-bottom: 24px;" class="gh-onboarding-ghost-logo--dark" {{autoplay}}>
-                <source src="assets/videos/logo-loader-dark.mp4" type="video/mp4" />
-            </video>
+            <div class="gh-onboarding-ghost-logo-wrapper">
+                <video width="80" height="80" loop autoplay muted playsinline preload="metadata" style="width: 80px; height: 80px;" class="gh-onboarding-ghost-logo--dark" {{autoplay}}>
+                    <source src="assets/videos/logo-loader-dark.mp4" type="video/mp4" />
+                </video>
+                <div class="gh-onboarding-ghost-logo-overlay"></div>
+            </div>
         {{else}}
-            <video width="80" height="80" loop autoplay muted playsinline preload="metadata" style="width: 80px; height: 80px; margin-bottom: 24px;" class="gh-onboarding-ghost-logo--light" {{autoplay}}>
-                <source src="assets/videos/logo-loader.mp4" type="video/mp4" />
-            </video>
+            <div class="gh-onboarding-ghost-logo-wrapper">
+                <video width="80" height="80" loop autoplay muted playsinline preload="metadata" style="width: 80px; height: 80px;" class="gh-onboarding-ghost-logo--light" {{autoplay}}>
+                    <source src="assets/videos/logo-loader.mp4" type="video/mp4" />
+                </video>
+            </div>
         {{/if}}
 
         {{#if this.onboarding.allStepsCompleted}}
             <h2 class="gh-canvas-title">You’re all set.</h2>
         {{else}}
             <h2 class="gh-canvas-title">Let’s get started!</h2>
-            <p>Welcome! It's time to set up {{get-setting "title"}}.</p>
+            <p>Welcome! It’s time to set up {{get-setting "title"}}.</p>
         {{/if}}
     </div>
 
diff --git a/ghost/admin/app/styles/app-dark.css b/ghost/admin/app/styles/app-dark.css
index bb2bff0dfe..b2dfb0f5d0 100644
--- a/ghost/admin/app/styles/app-dark.css
+++ b/ghost/admin/app/styles/app-dark.css
@@ -1389,6 +1389,15 @@ Onboarding checklist */
     border: 1px solid var(--lightgrey);
 }
 
+.gh-onboarding-ghost-logo-overlay {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: hsl(216deg 11% 70% / 1%);
+}
+
 /* ---------------------------------
 Onboarding checklist: Share publication modal */
 
diff --git a/ghost/admin/app/styles/layouts/dashboard.css b/ghost/admin/app/styles/layouts/dashboard.css
index 3a1ce798bd..c4f4e0f23d 100644
--- a/ghost/admin/app/styles/layouts/dashboard.css
+++ b/ghost/admin/app/styles/layouts/dashboard.css
@@ -2778,10 +2778,20 @@ Onboarding checklist */
 }
 
 .gh-onboarding-header {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
     text-align: center;
     margin-bottom: 40px;
 }
 
+.gh-onboarding-ghost-logo-wrapper {
+    position: relative;
+    width: 80px;
+    height: 80px;
+    margin-bottom: 24px;
+}
+
 .gh-onboarding-header h2 {
      justify-content: center;
 }