diff --git a/src/components/misc/no-auth-wrapper.vue b/src/components/misc/no-auth-wrapper.vue
index 3b1d25259..3bd5a866e 100644
--- a/src/components/misc/no-auth-wrapper.vue
+++ b/src/components/misc/no-auth-wrapper.vue
@@ -77,11 +77,20 @@ useTitle(() => title.value)
 	flex-direction: column;
 	justify-content: flex-end;
 
+	@media screen and (max-width: $tablet) {
+		display: none;
+	}
+
+	@media screen and (min-width: $tablet) {
+		background: url('@/assets/no-auth-image.jpg') no-repeat bottom/cover;
+		position: relative;
+	}
+
 	&.has-message {
 		justify-content: space-between;
 	}
 
-	&::after {
+	&::before {
 		content: '';
 		position: absolute;
 		top: 0;
@@ -89,19 +98,9 @@ useTitle(() => title.value)
 		right: 0;
 		bottom: 0;
 		background-color: rgba(0, 0, 0, .2);
-		z-index: 10;
 	}
 
 	> * {
-		z-index: 20;
-	}
-
-	@media screen and (max-width: $tablet) {
-		display: none;
-	}
-
-	@media screen and (min-width: $tablet) {
-		background: url('@/assets/no-auth-image.jpg') no-repeat bottom/cover;
 		position: relative;
 	}
 }