diff --git a/assets/webui/index.html b/assets/webui/index.html
index 9a6b206..72a7c66 100644
--- a/assets/webui/index.html
+++ b/assets/webui/index.html
@@ -849,9 +849,9 @@
 		</main>
 
 		<footer class="app-footer app-bar">
-			<a class="footer-side" href="https://aite.me/" target="_blank" rel="noreferrer">官网</a>
+			<div class="footer-side"><a class="footer-action" href="https://aite.me/" target="_blank" rel="noreferrer">官网</a></div>
 			<div id="statusText" class="status-text">正在准备引擎</div>
-			<button id="aboutButton" class="footer-side footer-about" type="button">关于</button>
+			<div class="footer-side footer-side-right"><button id="aboutButton" class="footer-action" type="button">关于</button></div>
 		</footer>
 	</div>
 
diff --git a/assets/webui/ofdgo.css b/assets/webui/ofdgo.css
index fe937e1..ce439e5 100644
--- a/assets/webui/ofdgo.css
+++ b/assets/webui/ofdgo.css
@@ -4156,29 +4156,44 @@ audio.page-media {
 }
 
 .footer-side {
+	display: flex;
+	align-items: center;
 	flex: 0 0 var(--sidebar-width);
 	min-width: 0;
-	overflow: hidden;
+}
+
+.footer-side-right {
+	justify-content: flex-end;
+}
+
+.footer-action {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	flex: 0 0 40px;
+	width: 40px;
+	height: 24px;
 	padding: 0;
 	border: 0;
-	background: none;
+	background: transparent;
 	color: var(--accent-strong);
 	font: inherit;
-	text-align: left;
 	text-decoration: none;
-	text-overflow: ellipsis;
 	white-space: nowrap;
 	cursor: pointer;
+	transition: none;
 }
 
-.footer-about {
-	text-align: right;
-}
-
-.footer-side:hover {
+.app-footer .footer-action:hover {
+	border-color: transparent;
+	background: transparent;
 	text-decoration: underline;
 }
 
+.footer-action:focus-visible {
+	outline-offset: 0;
+}
+
 .status-text {
 	flex: 1 1 auto;
 	min-width: 0;