diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue
index fdf9f1e716f..32179f66313 100644
--- a/apps/dashboard/src/App.vue
+++ b/apps/dashboard/src/App.vue
@@ -162,6 +162,13 @@ export default {
 				}
 			}
 		},
+		backgroundImage: {
+			immediate: true,
+			handler() {
+				const header = document.getElementById('header')
+				header.style.backgroundImage = `url(${this.backgroundImage})`
+			},
+		},
 	},
 	mounted() {
 		setInterval(() => {
@@ -242,7 +249,10 @@ export default {
 <style lang="scss">
 // Show Dashboard background image beneath header
 #body-user #header {
-	background: none;
+	background-size: cover;
+	background-position: center 50%;
+	background-repeat: no-repeat;
+	background-attachment: fixed;
 }
 
 #content {