diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 2fee655..34afa29 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -41,15 +41,15 @@ import { companyInfo } from '../data';
         <ul class="space-y-8 font-sans">
           <li>
             <span class="block text-[10px] text-cloud/20 uppercase tracking-widest font-bold mb-2">Professionnels</span>
-            <a href={`mailto:${companyInfo.emails.pro}`} class="text-cloud/70 hover:text-dream-coral transition-colors flex items-center gap-3 font-bold break-all">
-              <Icon name="lucide:mail" size={16} class="text-dream-coral" />
+            <a href={`mailto:${companyInfo.emails.pro}`} class="text-cloud/70 hover:text-dream-coral transition-colors flex items-center gap-3 font-bold whitespace-nowrap text-sm">
+              <Icon name="lucide:mail" size={16} class="text-dream-coral shrink-0" />
               {companyInfo.emails.pro}
             </a>
           </li>
           <li>
             <span class="block text-[10px] text-cloud/20 uppercase tracking-widest font-bold mb-2">Ateliers Théâtre</span>
-            <a href={`mailto:${companyInfo.emails.ateliers}`} class="text-cloud/70 hover:text-dream-blue transition-colors flex items-center gap-3 font-bold break-all">
-              <Icon name="lucide:mail" size={16} class="text-dream-blue" />
+            <a href={`mailto:${companyInfo.emails.ateliers}`} class="text-cloud/70 hover:text-dream-blue transition-colors flex items-center gap-3 font-bold whitespace-nowrap text-sm">
+              <Icon name="lucide:mail" size={16} class="text-dream-blue shrink-0" />
               {companyInfo.emails.ateliers}
             </a>
           </li>