diff --git a/frontend/src/routes/app/jobs/JobsList.svelte b/frontend/src/routes/app/jobs/JobsList.svelte
index cd8ce44..a298d98 100644
--- a/frontend/src/routes/app/jobs/JobsList.svelte
+++ b/frontend/src/routes/app/jobs/JobsList.svelte
@@ -9,8 +9,11 @@
 
 	const fmt = (iso: string) =>
 		new Intl.DateTimeFormat('en-GB', {
-			year: 'numeric', month: 'short', day: 'numeric',
-			hour: '2-digit', minute: '2-digit'
+			year: 'numeric',
+			month: 'short',
+			day: 'numeric',
+			hour: '2-digit',
+			minute: '2-digit'
 		}).format(new Date(iso));
 </script>
 
@@ -32,13 +35,13 @@
 		list-style: none;
 		display: flex;
 		flex-direction: column;
-		border: 1px solid color-mix(in srgb, var(--color-outline-variant) 30%, transparent);
+		border: 1px solid color-mix(in srgb, var(--colour-outline-variant) 30%, transparent);
 		border-radius: var(--radius-lg);
 		overflow: hidden;
 	}
 
 	.job-row + .job-row {
-		border-top: 1px solid color-mix(in srgb, var(--color-outline-variant) 30%, transparent);
+		border-top: 1px solid color-mix(in srgb, var(--colour-outline-variant) 30%, transparent);
 	}
 
 	.job-link {
@@ -73,12 +76,12 @@
 		white-space: nowrap;
 	}
 
-	.status-badge[data-status="completed"] {
+	.status-badge[data-status='completed'] {
 		background-color: var(--color-primary-container);
 		color: var(--color-on-primary-container);
 	}
 
-	.status-badge[data-status="failed"] {
+	.status-badge[data-status='failed'] {
 		background-color: color-mix(in srgb, #b3261e 12%, var(--color-surface));
 		color: #b3261e;
 	}
@@ -103,7 +106,7 @@
 	.job-arrow {
 		font-family: var(--font-label);
 		font-size: var(--text-label-lg);
-		color: var(--color-outline);
+		color: var(--colour-outline);
 		transition: color var(--duration-fast) var(--ease-standard);
 	}