diff --git a/client/src/components/UserList.css b/client/src/components/UserList.css
index 09665ea..c6fab18 100644
--- a/client/src/components/UserList.css
+++ b/client/src/components/UserList.css
@@ -3,8 +3,32 @@
 .user-list {
   background: var(--color-surface);
   border-bottom: 1px solid var(--color-border);
-  max-height: 180px;
+  max-height: 300px;
   overflow-y: auto;
+  overflow-x: hidden;
+  /* Améliorer le scroll sur mobile */
+  -webkit-overflow-scrolling: touch;
+  /* Style de scrollbar personnalisé */
+  scrollbar-width: thin;
+  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
+}
+
+/* Scrollbar personnalisée (webkit) */
+.user-list::-webkit-scrollbar {
+  width: 6px;
+}
+
+.user-list::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.user-list::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.3);
+  border-radius: 3px;
+}
+
+.user-list::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.5);
 }
 
 .user-list.empty {
@@ -36,7 +60,10 @@
 }
 
 .user-list-items {
-  padding: var(--spacing-sm);
+  padding: var(--spacing-xs) var(--spacing-sm);
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
 }
 
 /* Item utilisateur */
@@ -131,7 +158,7 @@
 /* Responsive */
 @media (max-width: 640px) {
   .user-list {
-    max-height: 150px;
+    max-height: 250px;
   }
 
   .user-avatar {
@@ -148,3 +175,18 @@
     font-size: 0.75rem;
   }
 }
+
+/* Portrait mobile - encore plus d'espace */
+@media (max-width: 640px) and (orientation: portrait) {
+  .user-list {
+    max-height: 200px;
+    min-height: 100px;
+  }
+}
+
+/* Paysage - réduire un peu pour laisser place au PTT */
+@media (max-height: 500px) and (orientation: landscape) {
+  .user-list {
+    max-height: 120px;
+  }
+}