diff --git a/cp/resources/views/admin/profile/profile.twig b/cp/resources/views/admin/profile/profile.twig
index 9b453e1..911dab8 100644
--- a/cp/resources/views/admin/profile/profile.twig
+++ b/cp/resources/views/admin/profile/profile.twig
@@ -104,8 +104,8 @@
                         <img src="{{ qrcodeDataUri }}" alt="2FA QR Code" class="img-fluid">
                       </div>
                       <div class="mb-3">
-                        <p class="font-weight-bold">{{ __('Manual Entry Secret') }}</p>
-                        <code>{{ secret|split(4)|join(' ') }}</code>
+                        <p class="font-weight-bold mb-1">{{ __('Manual Entry Secret') }}</p>
+                        <p class="tracking-wide mb-0"><kbd>{{ secret }}</kbd></p>
                         <small class="form-text text-muted">
                           {{ __('If you\'re unable to scan the QR code, enter this secret manually into your authentication app. The secret is case-sensitive and should be entered exactly as shown.') }}
                         </small>