Merge pull request #12223 from AjayiMike/12213-social-button-sizing

fix: footer social buttons strange outline [Fixes #12213]

Author: pettinarip

src/components/Footer.tsx

@@ -311,6 +311,7 @@ const Footer = ({ lastDeployDate }: FooterProps) => {
                 hideArrow
                 color="secondary"
                 aria-label={link.ariaLabel}
+                ms={4}
               >
                 <Icon
                   as={link.icon}
@@ -320,7 +321,6 @@ const Footer = ({ lastDeployDate }: FooterProps) => {
                       "color 0.2s ease-in-out, transform 0.2s ease-in-out",
                   }}
                   fontSize="4xl"
-                  ms={4}
                 />
               </BaseLink>
             )