diff --git a/hiboo/account/templates/account_totp.html b/hiboo/account/templates/account_totp.html
index 642253a33c0ca2a90cfe4d9093fe4b76c233ca57..ccb76f8b35da39108bf576303e81e9e78e2fef11 100644
--- a/hiboo/account/templates/account_totp.html
+++ b/hiboo/account/templates/account_totp.html
@@ -27,10 +27,16 @@
     <img src="data:image/png;base64,{{ infos.qr }}" class="rounded mb-4" width=250 height=250>
   </div>
   <div class="col-md-6 col">
-    <ul class="list-group">
-      <li class="list-group-item">{% trans %}Secret key: {% endtrans %}<code>{{ infos.key }}</code></li>
-      <li class="list-group-item">{% trans %}Name: {% endtrans %}<code>{{ infos.name }}</code></li>
-      <li class="list-group-item">{% trans %}Issuer: {% endtrans %}<code>{{ infos.issuer }}</code></li>
+    <ul class="list-group", style="max-width: 500px">
+      <li class="list-group-item d-flex justify-content-between">
+        {% trans %}Secret key{% endtrans %}<code>{{ infos.key }}</code>
+      </li>
+      <li class="list-group-item d-flex justify-content-between">
+        {% trans %}Name{% endtrans %}<code>{{ infos.name }}</code>
+      </li>
+      <li class="list-group-item d-flex justify-content-between">
+        {% trans %}Issuer{% endtrans %}<code>{{ infos.issuer }}</code>
+      </li>
     </ul>
   </div>
 </div>