diff --git a/frontend/src/pages/QuestPage.tsx b/frontend/src/pages/QuestPage.tsx
index 0135291..a79a72b 100644
--- a/frontend/src/pages/QuestPage.tsx
+++ b/frontend/src/pages/QuestPage.tsx
@@ -228,9 +228,9 @@ export function QuestPage() {
   const availableCraft = availableAll.filter((q: any) => !q.repeatable && isCraftQuest(q));
   const availableDaily = availableAll.filter((q: any) => q.repeatable);
 
-  // Stagger: show max 3 combat quests at a time
-  const shownCombat = availableCombat.slice(0, 3);
-  const hiddenCount = availableCombat.length - shownCombat.length;
+  const [showAllCombat, setShowAllCombat] = useState(false);
+  const shownCombat = showAllCombat ? availableCombat : availableCombat.slice(0, 3);
+  const hiddenCount = availableCombat.length - 3;
 
   return (
     <div>
@@ -262,9 +262,13 @@ export function QuestPage() {
             <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
               {shownCombat.map((q: any) => <QuestCard key={q.id} pq={q} mode="available" />)}
               {hiddenCount > 0 && (
-                <div style={{ textAlign: 'center', fontSize: 11, color: '#6b7a99', padding: 4 }}>
-                  +{hiddenCount} quête{hiddenCount > 1 ? 's' : ''} supplémentaire{hiddenCount > 1 ? 's' : ''} après celles-ci
-                </div>
+                <button
+                  className="btn btn-ghost"
+                  style={{ width: '100%', fontSize: 11, padding: '0.3rem', marginTop: 2 }}
+                  onClick={() => setShowAllCombat(!showAllCombat)}
+                >
+                  {showAllCombat ? 'Réduire' : `Voir tout (+${hiddenCount} quête${hiddenCount > 1 ? 's' : ''})`}
+                </button>
               )}
             </div>
           ) : (