diff --git a/src/pages/links.astro b/src/pages/links.astro
index 4e1c2e1..c8aad2a 100644
--- a/src/pages/links.astro
+++ b/src/pages/links.astro
@@ -78,19 +78,19 @@ const links: FriendLink[] = [
 <style is:global>
   .links-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
-    gap: 1rem;
+    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+    gap: 0.85rem;
     margin-bottom: 2rem;
   }
 
   .link-card {
     display: flex;
     align-items: center;
-    gap: 0.75rem;
-    padding: 1rem;
-    border: 1px solid var(--border);
+    gap: 0.65rem;
+    padding: 0.75rem 1rem;
+    border: 1.5px dashed var(--border);
     border-radius: 0.75rem;
-    background: var(--muted);
+    background: var(--background);
     transition: all 0.2s ease;
     text-decoration: none;
     color: var(--foreground);
@@ -98,35 +98,34 @@ const links: FriendLink[] = [
 
   .link-card:hover {
     border-color: var(--accent);
-    background: color-mix(in srgb, var(--accent) 10%, var(--background));
-    transform: translateY(-2px);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+    background: var(--muted);
+    transform: translateY(-1px);
   }
 
   .link-avatar {
-    width: 48px;
-    height: 48px;
+    width: 40px;
+    height: 40px;
     border-radius: 50%;
     flex-shrink: 0;
     object-fit: cover;
-    background: var(--background);
+    background: var(--muted);
   }
 
   .link-info {
     display: flex;
     flex-direction: column;
-    gap: 0.15rem;
+    gap: 0.1rem;
     min-width: 0;
   }
 
   .link-name {
     font-weight: 600;
-    font-size: 0.95rem;
+    font-size: 0.9rem;
     line-height: 1.3;
   }
 
   .link-desc {
-    font-size: 0.8rem;
+    font-size: 0.78rem;
     color: var(--muted-foreground);
     line-height: 1.3;
     overflow: hidden;