From 42a8d527fe207dbec4cb59a26c250b9f4c296e76 Mon Sep 17 00:00:00 2001
From: amina-deriv <amina@deriv.com>
Date: Mon, 5 Jul 2021 16:24:24 +0400
Subject: [PATCH 1/2] update common.scss

---
 src/sass/_common/common.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/sass/_common/common.scss b/src/sass/_common/common.scss
index 948aa4e7d9bdb..00841ecf2e622 100755
--- a/src/sass/_common/common.scss
+++ b/src/sass/_common/common.scss
@@ -772,7 +772,7 @@ li strong.margin-right {
         background-color: $COLOR_GRAY;
     }
     .name {
-        text-transform: capitalize;
+        text-transform: capitalize !important;
         color: $COLOR_BLACK;
         font-weight: 400;
         padding-left: 1rem;

From 90e08af638aa79877f04b69b34c1eec3ff6d1df1 Mon Sep 17 00:00:00 2001
From: amina-deriv <amina@deriv.com>
Date: Tue, 6 Jul 2021 12:59:46 +0400
Subject: [PATCH 2/2] added specific class

---
 src/sass/_common/common.scss                  | 5 ++++-
 src/templates/_common/components/elements.jsx | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/sass/_common/common.scss b/src/sass/_common/common.scss
index 00841ecf2e622..f7cb84f23c856 100755
--- a/src/sass/_common/common.scss
+++ b/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;
diff --git a/src/templates/_common/components/elements.jsx b/src/templates/_common/components/elements.jsx
index 864bbbfb1eba0..59a3954897557 100644
--- a/src/templates/_common/components/elements.jsx
+++ b/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>
 );