From 62aaa19cff3b744f505211a87e90eef9a1fa8d0a Mon Sep 17 00:00:00 2001
From: LuluH19 <luluhmha@gmail.com>
Date: Thu, 29 Jan 2026 17:31:11 +0100
Subject: [PATCH 1/2] fix: header

---
 client/app/hopitaux/page.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/client/app/hopitaux/page.tsx b/client/app/hopitaux/page.tsx
index 126f252..3fe6bf1 100644
--- a/client/app/hopitaux/page.tsx
+++ b/client/app/hopitaux/page.tsx
@@ -177,9 +177,10 @@ export default function HopitauxPage() {
             onChange={setSearchQuery}
             className="mb-4"
           />
-          {!loading && !error && hospitals.length > 0 && (
-            <div className="mb-6">
-              <div className="flex items-center gap-2 overflow-x-auto pt-2 pb-72 position-relative -z-10 -mx-4 px-4 md:px-2 md:justify-center [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]">
+           {!loading && !error && hospitals.length > 0 && (
+            <div className="mb-6 relative z-30">
+              {/* Changement ici : suppression de overflow-x-auto et ajout de flex-wrap */}
+              <div className="flex items-center justify-start gap-3 py-2">
                 <MultiSelectFilter
                   label="Spécifications"
                   options={specificationOptions}
@@ -193,7 +194,8 @@ export default function HopitauxPage() {
                   onChange={setSelectedSpecializations}
                 />
               </div>
-              <div className="text-center text-sm text-black -mt-64">
+              
+              <div className="text-center text-sm text-black mt-4">
                 {filteredHospitals.length} {filteredHospitals.length > 1 ? 'hôpitaux trouvés' : 'hôpital trouvé'}
               </div>
             </div>

From 2226dcf3e1a070ea80932c279dddafb29b198a49 Mon Sep 17 00:00:00 2001
From: LuluH19 <luluhmha@gmail.com>
Date: Thu, 29 Jan 2026 17:46:58 +0100
Subject: [PATCH 2/2] fix: header2

---
 client/app/hopitaux/page.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/client/app/hopitaux/page.tsx b/client/app/hopitaux/page.tsx
index 3fe6bf1..0710cc4 100644
--- a/client/app/hopitaux/page.tsx
+++ b/client/app/hopitaux/page.tsx
@@ -179,8 +179,7 @@ export default function HopitauxPage() {
           />
            {!loading && !error && hospitals.length > 0 && (
             <div className="mb-6 relative z-30">
-              {/* Changement ici : suppression de overflow-x-auto et ajout de flex-wrap */}
-              <div className="flex items-center justify-start gap-3 py-2">
+              <div className="flex items-center justify-start gap-3 py-2 flex-wrap">
                 <MultiSelectFilter
                   label="Spécifications"
                   options={specificationOptions}