diff --git a/src/react-components/button-social.tsx b/src/react-components/button-social.tsx
index 06a45c57..4423cd48 100644
--- a/src/react-components/button-social.tsx
+++ b/src/react-components/button-social.tsx
@@ -33,7 +33,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