diff --git a/src/react-components/button-social.tsx b/src/react-components/button-social.tsx
index c3d938935..13b762566 100644
--- a/src/react-components/button-social.tsx
+++ b/src/react-components/button-social.tsx
@@ -30,7 +30,9 @@ export const ButtonSocial = ({
   ...props
 }: ButtonSocialProps): JSX.Element => {
   const brandClass =
-    brand !== "generic" ? `fa-brands fa-${brand}` : "fa-solid fa-layer-group"
+    brand !== "generic"
+      ? `fa-brands fa-${brand.split("-")[0]}`
+      : "fa-solid fa-layer-group"
   return (
     <div className={className}>
       <button