docs/site/src/components/starlight/SocialIcons.astro

@@ -20,7 +20,7 @@ const links = config.social || [];
         return (
           <a href={href} rel="me" class="sl-flex">
             <span class="sr-only">{label}</span>
-            {customIcon ? <span class={`social-icon ${customIcon}`} aria-hidden="true" /> : <Icon name={icon} size="2em" />}
+            {customIcon ? <span class={`social-icon ${customIcon}`} aria-hidden="true" /> : <Icon name={icon} size="1.5em" />}
           </a>
         );
       })}
@@ -39,8 +39,12 @@ const links = config.social || [];
       color: var(--sl-color-white);
     }
     .social-icon {
-      width: 3rem;
-      height: 3rem;
+      /* !important: the i-pajamas:* class comes from UnoCSS, which emits
+         unlayered CSS. Unlayered rules always win over anything in a
+         @layer regardless of specificity or source order, so a plain
+         override here is silently ignored no matter how it's written. */
+      width: 3rem !important;
+      height: 3rem !important;
     }
   }
 </style>