diff --git a/web/app/views/page-footer.php b/web/app/views/page-footer.php
index 5d806ce..8d1b32e 100644
--- a/web/app/views/page-footer.php
+++ b/web/app/views/page-footer.php
@@ -13,25 +13,29 @@ if (!isset($ShowPageFooter)) {
 	<?php if (isset($REQUIRE_LIB['bootstrap5'])) : ?>
 		<footer class="bg-white text-muted pt-3 pb-4 mt-4" style="font-size: 0.9em">
 			<div class="container d-lg-flex justify-content-lg-between">
-				<p>
-					&copy; <?= date('Y') ?>
-					<a class="text-decoration-none" href="<?= HTML::url('/') ?>">S2OJ</a>
-					(build: <a class="text-decoration-none" href="https://github.com/renbaoshuo/S2OJ<?= UOJConfig::$data['profile']['s2oj-version'] == "dev" ? '' : '/tree/' . UOJConfig::$data['profile']['s2oj-version'] ?>"><?= UOJConfig::$data['profile']['s2oj-version'] ?></a>)
-					<?= UOJLocale::get('server time') ?>: <?= UOJTime::$time_now_str ?>
-					<?php if (UOJConfig::$data['profile']['ICP-license'] != '') : ?>
-						| <a class="text-muted text-decoration-none" target="_blank" href="https://beian.miit.gov.cn">
-							<?= UOJConfig::$data['profile']['ICP-license'] ?>
-						</a>
-					<?php endif ?>
-				</p>
-				<p>
+				<div>
+					<div>
+						&copy; <?= date('Y') ?>
+						<a class="text-decoration-none" href="<?= HTML::url('/') ?>">S2OJ</a>
+						(build: <a class="text-decoration-none" href="https://github.com/renbaoshuo/S2OJ<?= UOJConfig::$data['profile']['s2oj-version'] == "dev" ? '' : '/tree/' . UOJConfig::$data['profile']['s2oj-version'] ?>"><?= UOJConfig::$data['profile']['s2oj-version'] ?></a>)
+						<?php if (UOJConfig::$data['profile']['ICP-license'] != '') : ?>
+							| <a class="text-muted text-decoration-none" target="_blank" href="https://beian.miit.gov.cn">
+								<?= UOJConfig::$data['profile']['ICP-license'] ?>
+							</a>
+						<?php endif ?>
+					</div>
+					<div class="small mt-1">
+						<?= UOJLocale::get('server time') ?>: <?= UOJTime::$time_now_str ?>
+					</div>
+				</div>
+				<div class="mt-2 mt-lg-0">
 					Based on
 					<a class="text-decoration-none" href="https://uoj.ac" target="_blank">UOJ</a>,
 					modified by
 					<a class="text-decoration-none" href="https://baoshuo.ren" target="_blank">Baoshuo</a>
 					for
-					<a class="text-decoration-none" href="http://www.sjzez.com">SJZEZ</a>.
-				</p>
+					<a class="text-decoration-none" href="http://www.sjzez.com">SJZEZ</a>
+				</div>
 			</div>
 		</footer>
 	<?php else : ?>