diff --git a/apps/web/src/views/settings.ejs b/apps/web/src/views/settings.ejs
index 3375cfe..bd46c52 100644
--- a/apps/web/src/views/settings.ejs
+++ b/apps/web/src/views/settings.ejs
@@ -28,15 +28,16 @@
           <label class="block text-xs text-gray-500 mb-1">Member since</label>
           <p id="created-at" class="text-sm text-gray-400"><%= createdDate %></p>
         </div>
-        <% if (it.isSubKey) { %>
-        <div class="pt-1 border-t border-gray-800 mt-1">
-          <p class="text-xs font-medium text-gray-400 mb-0.5">Signed in with a sub-key</p>
-          <p class="text-xs text-gray-600 leading-relaxed">Sub-keys can manage monitors but can't access account credentials. Sign in with your main account key to manage your login key, recovery email, and sub-keys.</p>
-        </div>
-        <% } %>
       </div>
     </section>
 
+    <% if (it.isSubKey) { %>
+    <section class="bg-gray-900 rounded-xl border border-gray-800 p-6">
+      <p class="text-sm font-semibold text-gray-200 mb-1">Signed in with a sub-key</p>
+      <p class="text-xs text-gray-500 leading-relaxed">Sub-keys can manage monitors but can't access account credentials. Sign in with your main account key to manage your login key, recovery email, and sub-keys.</p>
+    </section>
+    <% } %>
+
     <!-- Email (hidden for sub-key sessions) -->
     <% if (!it.isSubKey) { %>
     <section class="bg-gray-900 rounded-xl border border-gray-800 p-6">