diff --git a/apps/ui/templates/room.html b/apps/ui/templates/room.html
index 0ef6cfb..b629645 100644
--- a/apps/ui/templates/room.html
+++ b/apps/ui/templates/room.html
@@ -62,12 +62,13 @@
         .devices-grid {
             display: grid;
             grid-template-columns: repeat(2, 1fr);
-            gap: 16px;
+            gap: 12px;
         }
 
-        @media (min-width: 600px) {
+        @media (max-width: 600px) {
             .devices-grid {
                 grid-template-columns: repeat(2, 1fr);
+                gap: 8px;
             }
         }
         @media (min-width: 900px) {
@@ -89,8 +90,7 @@
             text-decoration: none;
             color: inherit;
             width: 100%;
-            max-width: 320px;
-            margin: 0 auto;
+            margin: 0;
         }
 
         .device-card:hover {