diff --git a/css/rt-ai-html.css b/css/rt-ai-html.css
index 66e1db0..f7b686a 100644
--- a/css/rt-ai-html.css
+++ b/css/rt-ai-html.css
@@ -424,24 +424,36 @@ dialog {
     border-left: 4px solid var(--primary-color);
 }
 
-
 .contact {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: 12px;
-    margin-top: 8px;
+    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+    gap: 0.75rem;
+    margin-top: 0.5rem;
 }
 
 .contact-item {
     display: flex;
     align-items: center;
-    gap: 8px;
-    padding: 8px;
-    background: #f5f5f5;
-    border-radius: 6px;
+    gap: 0.75rem;
+    padding: 0.75rem;
+    background: var(--background-color);
+    border-radius: var(--border-radius);
     transition: background-color var(--transition-speed);
 }
 
+@media screen and (min-width: 480px) {
+    .contact {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
+@media screen and (max-width: 479px) {
+    .contact-item {
+        width: 100%;
+    }
+}
+
+
 .contact-item:hover {
     background: #e0e0e0;
 }