diff --git a/front/src/views/HomeView.vue b/front/src/views/HomeView.vue
index bfcc0f7..37dd3f5 100644
--- a/front/src/views/HomeView.vue
+++ b/front/src/views/HomeView.vue
@@ -211,13 +211,18 @@ header h1 { font-size: 1.9rem; color: #1e293b; margin: 0 0 8px; }
 .empty { color: #94a3b8; font-size: 0.9rem; margin: 0; text-align: center; padding: 12px 0; }
 
 @media (max-width: 640px) {
-  .layout { padding: 16px 12px 40px; }
+  .layout { padding: 16px 8px 40px; }
   header h1 { font-size: 1.4rem; }
-  .columns { flex-direction: column; }
-  .col-left { width: 100%; }
-  .user-list { max-height: 180px; }
+  .columns { gap: 8px; align-items: stretch; }
+  .col-left { width: 72px; flex-shrink: 0; }
+  .col-left .card { padding: 10px 6px; }
+  .user-search { display: none; }
+  .user-list { max-height: calc(100vh - 180px); gap: 4px; }
+  .user-item { padding: 6px 4px; justify-content: center; }
+  .user-name { display: none; }
+  .user-avatar { width: 36px; height: 36px; }
   .search-row { flex-direction: column; }
   .search-row .btn { width: 100%; }
-  .card { padding: 14px; }
+  .card { padding: 12px; }
 }
 </style>