diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index e861d2a..fe5479d 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -1247,7 +1247,7 @@ footer.mt-5 { margin-top: 0 !important; }
 
 .author-profile-hero {
     display: flex;
-    align-items: center;
+    align-items: flex-start;
     gap: 1.5rem;
 }
 
@@ -1279,9 +1279,11 @@ footer.mt-5 { margin-top: 0 !important; }
 .author-profile-link:hover { color: var(--vl-accent); }
 
 .author-profile-bio {
-    max-width: 56rem;
+    flex: 1;
+    margin: 0;
     color: var(--vl-muted);
     line-height: 1.7;
+    font-size: .9375rem;
 }
 
 /* ─── Agrégateur de flux ─────────────────── */
diff --git a/templates/author_profile.php b/templates/author_profile.php
index 86fc875..462990e 100644
--- a/templates/author_profile.php
+++ b/templates/author_profile.php
@@ -11,7 +11,7 @@ $_apBio    = $authorRow['bio']          ?? '';
 $_initials = mb_strtoupper(mb_substr($_apName, 0, 1, 'UTF-8'), 'UTF-8');
 ?>
 
-<div class="author-profile-hero mb-4">
+<div class="author-profile-hero mb-5">
     <div class="author-avatar"><?= htmlspecialchars($_initials) ?></div>
     <div class="author-profile-info">
         <h1 class="author-profile-name"><?= htmlspecialchars($_apName) ?></h1>
@@ -21,10 +21,10 @@ $_initials = mb_strtoupper(mb_substr($_apName, 0, 1, 'UTF-8'), 'UTF-8');
             </a>
         <?php endif; ?>
     </div>
+    <?php if ($_apBio !== ''): ?>
+    <p class="author-profile-bio"><?= nl2br(htmlspecialchars($_apBio)) ?></p>
+    <?php endif; ?>
 </div>
-<?php if ($_apBio !== ''): ?>
-<p class="author-profile-bio mb-5"><?= nl2br(htmlspecialchars($_apBio)) ?></p>
-<?php endif; ?>
 
 <?php if (empty($authorArticles)): ?>
     <p class="text-muted">Aucun article publié.</p>