diff --git a/frontend/src/EasySwitchManager.jsx b/frontend/src/EasySwitchManager.jsx
index d353e13..3a5cb96 100644
--- a/frontend/src/EasySwitchManager.jsx
+++ b/frontend/src/EasySwitchManager.jsx
@@ -649,29 +649,29 @@ function EasySwitchManager() {
                             </div>
                             
                             {/* Сетка карточек шлюзов для этого community */}
-                            <div className="row g-3">
+                            <div className="row g-2">
                           {server.gateways.map((gw, idx) => {
                             const isActive = activeGw === gw.name;
                             const isFastest = idx === 0;
                             const ping = 20 + idx * 10 + Math.floor(Math.random() * 15);
                             
                             return (
-                              <div key={gw.name} className="col-12 col-sm-6 col-md-4">
+                              <div key={gw.name} className="col-6 col-md-4 col-lg-3">
                                 <div
                                   className={`card cursor-pointer h-100 ${isActive ? 'bg-primary text-white' : ''}`}
                                   style={{
                                     cursor: 'pointer',
                                     transition: 'all 0.15s ease',
                                     border: isActive ? '2px solid var(--tblr-primary)' : '1px solid rgba(0,0,0,0.1)',
-                                    borderRadius: '8px',
-                                    boxShadow: isActive ? '0 4px 12px rgba(32, 107, 196, 0.3)' : 'none',
+                                    borderRadius: '6px',
+                                    boxShadow: isActive ? '0 3px 8px rgba(32, 107, 196, 0.3)' : 'none',
                                     position: 'relative'
                                   }}
                                   onClick={() => handleGatewaySelect(server.id, comm.value, gw.name)}
                                   onMouseEnter={(e) => {
                                     if (!isActive) {
-                                      e.currentTarget.style.boxShadow = '0 2px 8px rgba(0,0,0,0.1)';
-                                      e.currentTarget.style.transform = 'translateY(-2px)';
+                                      e.currentTarget.style.boxShadow = '0 2px 6px rgba(0,0,0,0.1)';
+                                      e.currentTarget.style.transform = 'translateY(-1px)';
                                     }
                                   }}
                                   onMouseLeave={(e) => {
@@ -681,52 +681,52 @@ function EasySwitchManager() {
                                     }
                                   }}
                                 >
-                                  <div className="card-body p-3">
+                                  <div className="card-body p-2">
                                     {/* Галочка (абсолютное позиционирование) */}
                                     {isActive && (
                                       <div 
                                         className="bg-white text-primary rounded-circle d-flex align-items-center justify-content-center"
                                         style={{ 
-                                          width: '24px', 
-                                          height: '24px',
+                                          width: '20px', 
+                                          height: '20px',
                                           position: 'absolute',
-                                          top: '12px',
-                                          right: '12px'
+                                          top: '8px',
+                                          right: '8px'
                                         }}
                                       >
-                                        <IconCheck size={16} />
+                                        <IconCheck size={12} />
                                       </div>
                                     )}
                                     
                                     {/* Метка Fastest */}
-                                    <div className="mb-2" style={{ minHeight: '24px' }}>
+                                    <div className="mb-1" style={{ minHeight: '18px' }}>
                                       {isFastest && !isActive && (
-                                        <span className="badge bg-yellow-lt text-yellow d-inline-flex align-items-center" style={{ fontSize: '0.75rem', padding: '4px 8px' }}>
-                                          <IconBolt size={14} className="me-1" />
+                                        <span className="badge bg-yellow-lt text-yellow d-inline-flex align-items-center" style={{ fontSize: '0.65rem', padding: '2px 6px' }}>
+                                          <IconBolt size={10} className="me-1" />
                                           Fast
                                         </span>
                                       )}
                                     </div>
                                     
                                     {/* Название шлюза */}
-                                    <div className={`fw-bold mb-1 ${isActive ? 'text-white' : ''}`} style={{ fontSize: '1rem' }}>
+                                    <div className={`fw-bold mb-1 ${isActive ? 'text-white' : ''}`} style={{ fontSize: '0.85rem', lineHeight: '1.2' }}>
                                       {gw.name}
                                     </div>
                                     
                                     {/* Описание шлюза */}
                                     {gw.comment && (
-                                      <div className={`small mb-2 ${isActive ? 'text-white' : 'text-muted'}`} style={{ fontSize: '0.8rem', opacity: isActive ? 0.8 : 1 }}>
+                                      <div className={`small mb-1 ${isActive ? 'text-white' : 'text-muted'}`} style={{ fontSize: '0.7rem', opacity: isActive ? 0.8 : 1, lineHeight: '1.2' }}>
                                         {gw.comment}
                                       </div>
                                     )}
                                     
                                     {/* Протокол */}
-                                    <div className={`small mb-2 ${isActive ? 'text-white' : 'text-muted'}`} style={{ fontSize: '0.85rem', opacity: isActive ? 0.85 : 1 }}>
-                                      {serverMeta?.provider || 'vless / xudp'}
+                                    <div className={`small mb-1 ${isActive ? 'text-white' : 'text-muted'}`} style={{ fontSize: '0.7rem', opacity: isActive ? 0.85 : 1 }}>
+                                      {serverMeta?.provider || 'vless'}
                                     </div>
                                     
                                     {/* Метрика (пинг) */}
-                                    <div className={`fw-bold ${isActive ? 'text-white' : 'text-success'}`} style={{ fontSize: '1.5rem' }}>
+                                    <div className={`fw-bold mt-1 ${isActive ? 'text-white' : 'text-success'}`} style={{ fontSize: '1.1rem' }}>
                                       {ping}
                                     </div>
                                   </div>