diff --git a/src/styles/posts.css b/src/styles/posts.css
index 3f72da4..cca285e 100644
--- a/src/styles/posts.css
+++ b/src/styles/posts.css
@@ -6,12 +6,15 @@
   position: absolute;
   left: 0.7rem;
   right: 0.7rem;
-  bottom: 0.7rem;
+  bottom: 0.6rem;
   display: flex;
   gap: 0.6rem;
   align-items: stretch;
   pointer-events: none;
-  z-index: 25;
+  /* IMPORTANT :
+     z-index plus bas que les autres overlays (20)
+     pour que les filtres restent au-dessus si ça se chevauche */
+  z-index: 10;
 }
 
 .map-overlay-wall * {
@@ -22,15 +25,15 @@
 
 .sociowall-panel {
   flex: 1.5;
-  min-height: 120px;
-  max-height: 220px;
+  min-height: 90px;    /* plus compact */
+  max-height: 170px;   /* n’empiète pas trop sur la map */
   background: rgba(15, 23, 42, 0.96);
   border-radius: 14px;
   border: 1px solid rgba(148, 163, 184, 0.9);
   box-shadow:
-    0 14px 40px rgba(0, 0, 0, 0.9),
-    0 0 22px rgba(56, 189, 248, 0.45);
-  padding: 0.5rem 0.6rem;
+    0 10px 28px rgba(0, 0, 0, 0.9),
+    0 0 18px rgba(56, 189, 248, 0.45);
+  padding: 0.45rem 0.55rem;
   display: flex;
   flex-direction: column;
 }
@@ -41,7 +44,7 @@
   letter-spacing: 0.06em;
   text-transform: uppercase;
   color: #bfdbfe;
-  margin-bottom: 0.3rem;
+  margin-bottom: 0.25rem;
 }
 
 /* --------- LISTE DES POSTS --------- */
@@ -49,7 +52,7 @@
 .post-list {
   flex: 1;
   overflow-y: auto;
-  padding-right: 0.2rem;
+  padding-right: 0.15rem;
 }
 
 .post-list-header {
@@ -57,7 +60,7 @@
   align-items: center;
   justify-content: space-between;
   gap: 0.5rem;
-  margin-bottom: 0.25rem;
+  margin-bottom: 0.2rem;
   font-size: 0.7rem;
   color: #cbd5f5;
 }
@@ -93,7 +96,7 @@
   border: 1px solid rgba(55, 65, 81, 0.9);
   background: rgba(15, 23, 42, 0.92);
   padding: 0.3rem 0.45rem;
-  margin-bottom: 0.25rem;
+  margin-bottom: 0.22rem;
   font-size: 0.76rem;
   cursor: pointer;
   transition: background 0.15s ease, border-color 0.15s ease,
@@ -112,11 +115,11 @@
   border-color: #bfdbfe;
   box-shadow:
     0 0 16px rgba(56, 189, 248, 0.6),
-    0 12px 26px rgba(15, 23, 42, 0.98);
+    0 10px 22px rgba(15, 23, 42, 0.98);
 }
 
 .post-card h3 {
-  margin: 0 0 0.15rem 0;
+  margin: 0 0 0.12rem 0;
   font-size: 0.8rem;
 }
 
@@ -142,14 +145,14 @@
 .chat-panel {
   width: 150px;
   min-width: 130px;
-  max-height: 220px;
+  max-height: 170px;  /* même hauteur que le wall */
   background: rgba(15, 23, 42, 0.96);
   border-radius: 14px;
   border: 1px solid rgba(148, 163, 184, 0.9);
   box-shadow:
-    0 14px 40px rgba(0, 0, 0, 0.9),
-    0 0 22px rgba(56, 189, 248, 0.45);
-  padding: 0.45rem 0.5rem;
+    0 10px 28px rgba(0, 0, 0, 0.9),
+    0 0 18px rgba(56, 189, 248, 0.45);
+  padding: 0.4rem 0.45rem;
   display: flex;
   flex-direction: column;
 }
@@ -160,7 +163,7 @@
   letter-spacing: 0.06em;
   text-transform: uppercase;
   color: #bfdbfe;
-  margin-bottom: 0.25rem;
+  margin-bottom: 0.2rem;
 }
 
 .chat-users {