diff --git a/frontend/src/components/AdminPanel.jsx b/frontend/src/components/AdminPanel.jsx
index 91047b0..c63384a 100644
--- a/frontend/src/components/AdminPanel.jsx
+++ b/frontend/src/components/AdminPanel.jsx
@@ -423,7 +423,7 @@ const AdminPanel = ({
           <X size={18} aria-hidden="true" />
         </button>
 
-        <div className="pz-tabs" role="tablist">
+        <div className="pz-tabs ts-tabs" role="tablist">
           <button type="button" role="tab" aria-selected={section === 'tree'} className="pz-tab" onClick={() => setSection('tree')}>{t('Votre arbre')}</button>
           <button type="button" role="tab" aria-selected={section === 'managers'} className="pz-tab" onClick={() => setSection('managers')}>{t('Gestion')}</button>
           <button type="button" role="tab" aria-selected={section === 'visits'} className="pz-tab" onClick={() => setSection('visits')}>{t('Visites')}</button>
diff --git a/frontend/src/components/SettingsPanels.css b/frontend/src/components/SettingsPanels.css
index 32beb61..0261340 100644
--- a/frontend/src/components/SettingsPanels.css
+++ b/frontend/src/components/SettingsPanels.css
@@ -56,6 +56,10 @@
   .ts-row-actions { justify-content: flex-start; }
 }
 
+/* Cinq onglets : ils rétrécissent (texte sur deux lignes) au lieu de déborder du panneau sur un petit téléphone */
+.ts-tabs .pz-tab { min-width: 0; }
+@media (max-width: 420px) { .ts-tabs .pz-tab { padding: 0 4px; font-size: 12.5px; line-height: 1.2; } }
+
 /* ── Gestion : propriétaire et co-gestionnaires (issue #145) ── */
 .tm-row { padding: 12px 14px; }
 .tm-who { display: flex; align-items: center; gap: 10px; min-width: 0; }