added specific class

Author: amina-deriv

src/sass/_common/common.scss

@@ -772,11 +772,14 @@ li strong.margin-right {
         background-color: $COLOR_GRAY;
     }
     .name {
-        text-transform: capitalize !important;
+        text-transform: capitalize;
         color: $COLOR_BLACK;
         font-weight: 400;
         padding-left: 1rem;
     }
+    .text-capitalize {
+        text-transform: capitalize !important;
+    }
 
     @media screen and (max-width: 650px) {
         width: 150px;

src/templates/_common/components/elements.jsx

@@ -267,6 +267,6 @@ export const Button = ({
 
 export const SocialButton = ({ provider }) => (
     <a id={`button_${provider}`} href='javascript:;' className='button-social'>
-        <span className='name'>{provider}</span>
+        <span className='name text-capitalize'>{provider}</span>
     </a>
 );