diff --git a/frontend/src/components/panels/Document.vue b/frontend/src/components/panels/Document.vue
index 9153c6cb..af49f661 100644
--- a/frontend/src/components/panels/Document.vue
+++ b/frontend/src/components/panels/Document.vue
@@ -222,7 +222,7 @@
 			}
 
 			.canvas {
-				background: var(--color-1-nearblack);
+				background: var(--color-2-mildblack);
 				width: 100%;
 				height: 100%;
 				// Allows the SVG to be placed at explicit integer values of width and height to prevent non-pixel-perfect SVG scaling