diff --git a/src/app/agency/[city]/page.tsx b/src/app/agency/[city]/page.tsx
index 7b07db1ce..8c871c5ab 100644
--- a/src/app/agency/[city]/page.tsx
+++ b/src/app/agency/[city]/page.tsx
@@ -72,7 +72,7 @@ export default async function CityPage({ params }: AgencyPageProps) {
   ];
   
   return (
-    <main className="min-h-screen pt-32 pb-16">
+    <main className="min-h-screen pt-32 pb-16 w-full">
       
       <LocalBusinessSchema 
         type="ProfessionalService"
diff --git a/src/components/marketing/agency/contact-cta.tsx b/src/components/marketing/agency/contact-cta.tsx
index 1644b7a74..8b3a926ae 100644
--- a/src/components/marketing/agency/contact-cta.tsx
+++ b/src/components/marketing/agency/contact-cta.tsx
@@ -46,17 +46,17 @@ const ContactCTA: React.FC<ContactCTAProps> = ({ agency }) => {
         </div>
         
         <div className="flex flex-wrap gap-4">
-          <Link href={Routes.contact}>
-            <Button size="lg">
+          <Button asChild size="lg" className="text-md xs:text-lg">
+            <Link href={Routes.contact}>
               Discuter de votre projet
               <ArrowRight className="ml-2 w-5 h-5" />
-            </Button>
-          </Link>
-          <Link href={Routes.services}>
-            <Button variant="outline" size="lg">
-              Découvrir nos services
-            </Button>
-          </Link>
+            </Link>
+          </Button>
+          <Button asChild variant="outline" size="lg">
+            <Link href={Routes.services}>
+              Découvrir nos services  
+            </Link>
+          </Button>
         </div>
       </div>
     </div>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 45cdf1039..8353e57e0 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -10,6 +10,9 @@ export default {
 	],
 	theme: {
 		extend: {
+			screens: {
+				'xs': '480px'
+			},
 			fontFamily: {
 				sans: ["var(--font-figtree)"],
 			},