diff --git a/src/components/misc/no-auth-wrapper.vue b/src/components/misc/no-auth-wrapper.vue
index d5fff8fe2..b516f2aed 100644
--- a/src/components/misc/no-auth-wrapper.vue
+++ b/src/components/misc/no-auth-wrapper.vue
@@ -14,6 +14,8 @@
 			</section>
 			<section class="content">
 				<slot/>
+
+				<legal/>
 			</section>
 		</div>
 	</div>
@@ -21,7 +23,8 @@
 
 <script setup>
 import Logo from '@/components/home/Logo.vue'
-import message from '@/components/misc/message'
+import Message from '@/components/misc/message'
+import Legal from '../../components/misc/legal'
 import {useStore} from 'vuex'
 import {computed} from 'vue'
 
@@ -72,7 +75,10 @@ const motd = computed(() => store.state.config.motd)
 
 .content {
 	width: 50%;
-	padding: 2rem;
+	padding: 2rem 2rem 1.5rem;
+	display: flex;
+	justify-content: space-between;
+	flex-direction: column;
 }
 
 .logo {
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index 7fa9bb846..681fe8b04 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -95,8 +95,6 @@
 				{{ $t('user.auth.loginWith', {provider: p.name}) }}
 			</x-button>
 		</div>
-
-		<legal/>
 	</div>
 </template>
 
@@ -105,7 +103,6 @@ import {mapState} from 'vuex'
 
 import {HTTPFactory} from '@/http-common'
 import {LOADING} from '@/store/mutation-types'
-import legal from '../../components/misc/legal'
 import ApiConfig from '@/components/misc/api-config.vue'
 import {getErrorText} from '@/message'
 import Message from '@/components/misc/message'
@@ -116,7 +113,6 @@ export default {
 	components: {
 		Message,
 		ApiConfig,
-		legal,
 	},
 	data() {
 		return {
diff --git a/src/views/user/PasswordReset.vue b/src/views/user/PasswordReset.vue
index bbe823a41..4c4d6ecf4 100644
--- a/src/views/user/PasswordReset.vue
+++ b/src/views/user/PasswordReset.vue
@@ -59,7 +59,6 @@
 				{{ $t('user.auth.login') }}
 			</x-button>
 		</div>
-		<Legal/>
 	</div>
 </template>
 
@@ -67,7 +66,6 @@
 import {ref, reactive} from 'vue'
 import {useI18n} from 'vue-i18n'
 
-import Legal from '@/components/misc/legal'
 import PasswordResetModel from '@/models/passwordReset'
 import PasswordResetService from '@/services/passwordReset'
 import {useTitle} from '@/composables/useTitle'
diff --git a/src/views/user/Register.vue b/src/views/user/Register.vue
index e79c066fd..b69b08036 100644
--- a/src/views/user/Register.vue
+++ b/src/views/user/Register.vue
@@ -89,7 +89,6 @@
 				{{ errorMessage }}
 			</message>
 		</form>
-		<legal/>
 	</div>
 </template>
 
@@ -100,7 +99,6 @@ import {useI18n} from 'vue-i18n'
 import router from '@/router'
 import {store} from '@/store'
 import {useTitle} from '@/composables/useTitle'
-import Legal from '@/components/misc/legal'
 import Message from '@/components/misc/message'
 
 // FIXME: use the `beforeEnter` hook of vue-router
diff --git a/src/views/user/RequestPasswordReset.vue b/src/views/user/RequestPasswordReset.vue
index d444d0759..963256b6f 100644
--- a/src/views/user/RequestPasswordReset.vue
+++ b/src/views/user/RequestPasswordReset.vue
@@ -42,7 +42,6 @@
 				{{ $t('user.auth.login') }}
 			</x-button>
 		</div>
-		<Legal/>
 	</div>
 </template>
 
@@ -50,8 +49,6 @@
 import {ref, reactive} from 'vue'
 import {useI18n} from 'vue-i18n'
 
-import Legal from '@/components/misc/legal'
-
 import PasswordResetModel from '@/models/passwordReset'
 import PasswordResetService from '@/services/passwordReset'
 import {useTitle} from '@/composables/useTitle'