diff --git a/web-next/components/AccountTools.tsx b/web-next/components/AccountTools.tsx
index 0b41e08..5ceb331 100644
--- a/web-next/components/AccountTools.tsx
+++ b/web-next/components/AccountTools.tsx
@@ -18,6 +18,8 @@ export function AccountTools({ isAdmin }: { isAdmin: boolean }) {
     { href: '/security-token', icon: 'token-icon', label: t('svcToken'), desc: t('svcTokenDesc') },
     { href: '/recruit', icon: 'recruit-a-friend-icon', label: t('svcRecruit'), desc: t('svcRecruitDesc') },
     { href: '/vote-points', icon: 'vote-icon', label: t('svcVote'), desc: t('svcVoteDesc') },
+    // Panel de administración: una tool-button más dentro de «Opciones de cuenta» (solo admins).
+    ...(isAdmin ? [{ href: '/admin', icon: 'store-icon', label: `🛡️ ${t('adminPanel')}`, desc: t('adminPanelDesc') }] : []),
   ]
   const characterTools: Tool[] = [
     { href: '/unstuck', icon: 'unstuck-icon', label: t('svcUnstuck'), desc: t('svcUnstuckDesc') },
@@ -34,18 +36,6 @@ export function AccountTools({ isAdmin }: { isAdmin: boolean }) {
 
   return (
     <div className="body-box-content-account">
-      {isAdmin && (
-        <Link href="/admin">
-          <div className="tool-button">
-            <div className="acc-icon store-icon"></div>
-            <div className="tool-button-div">
-              <span className="yellow-info shadow">🛡️ {t('adminPanel')}</span>
-              <br />
-              <span className="second-brown shadow">{t('adminPanelDesc')}</span>
-            </div>
-          </div>
-        </Link>
-      )}
       <Panel id="account-settings" arrow="fa-arrow-down-account" title={t('accountOptions')} tools={accountTools} />
       <Panel id="character-settings" arrow="fa-arrow-down-character" title={t('characterOptions')} tools={characterTools} />
     </div>