diff --git a/app/src/components/v-overlay/v-overlay.vue b/app/src/components/v-overlay/v-overlay.vue
index d5eda1ea7f..e47cfae707 100644
--- a/app/src/components/v-overlay/v-overlay.vue
+++ b/app/src/components/v-overlay/v-overlay.vue
@@ -69,10 +69,16 @@ body {
 		width: 100%;
 		height: 100%;
 		background-color: var(--v-overlay-color);
+		opacity: 0;
+		transition: opacity var(--slow) var(--transition);
 	}
 
 	&.active {
 		pointer-events: auto;
+
+		.overlay {
+			opacity: 1;
+		}
 	}
 
 	.content {