diff --git a/appinfo/info.xml b/appinfo/info.xml
index b857e5858e03f8237e986249c3877c9b80f7970f..5a1e849eef9bb0a8496f96abe159b9e45c23c6fe 100644
--- a/appinfo/info.xml
+++ b/appinfo/info.xml
@@ -5,14 +5,14 @@
 	<name>Email Recovery</name>
 	<summary>Email Recovery App</summary>
 	<description><![CDATA[Email Recovery App]]></description>
-	<version>7.0.1</version>
+	<version>8.0.0</version>
 	<licence>agpl</licence>
 	<author mail="dev@murena.com" homepage="https://murena.com/">MURENA SAS</author>
 	<namespace>EmailRecovery</namespace>
 	<category>security</category>
 	<bugs>https://gitlab.e.foundation/e/infra/selfhost/nextcloud-apps/email-recovery/-/issues/</bugs>
 	<dependencies>
-		<nextcloud min-version="27" max-version="27"/>
+		<nextcloud min-version="28" max-version="28"/>
 	</dependencies>
 	<settings>
 		<personal>OCA\EmailRecovery\Settings\RecoveryEmailSettings</personal>
diff --git a/src/email-recovery.js b/src/email-recovery.js
index e28a1c97a7cd334920dfe86dc179507212fb4136..ea9d79741c93c2336c4a3868489dbb6a44ae5eb3 100644
--- a/src/email-recovery.js
+++ b/src/email-recovery.js
@@ -22,8 +22,11 @@ document.addEventListener('DOMContentLoaded', function() {
 		const bannerHeight = banner.clientHeight + 'px'
 		const topHeight = (banner.clientHeight + 50) + 'px'
 		setTopStyle('#header', bannerHeight)
-		setMarginTopAndHeight('#content', topHeight)
-		setMarginTopAndHeight('#content-vue', topHeight)
+		if (document.querySelector('#content')) {
+			setMarginTopAndHeight('#content', topHeight)
+		} else {
+			setMarginTopAndHeight('#content-vue', topHeight)
+		}
 		setTopStyleWhenElementAvailable('#header-menu-user-menu', topHeight)
 		setTopStyleWhenElementAvailable('#header-menu-notifications', topHeight)
 		setTopStyle('#header-menu-unified-search', topHeight)