diff --git a/vector/src/main/res/values/styles_riot.xml b/vector/src/main/res/values/styles_riot.xml
index b84dc1e138..2dff0ab39c 100644
--- a/vector/src/main/res/values/styles_riot.xml
+++ b/vector/src/main/res/values/styles_riot.xml
@@ -370,103 +370,5 @@
         <item name="android:background">@drawable/vector_tabbar_background</item>
         <item name="background">@drawable/vector_tabbar_background</item>
     </style>
-    <style name="WidgetButtonSocialLogin" parent="Widget.MaterialComponents.Button">
-        <item name="android:textAllCaps">false</item>
-        <item name="fontFamily">sans-serif-medium</item>
-        <item name="android:layout_width">wrap_content</item>
-        <item name="android:layout_height">wrap_content</item>
-        <item name="iconGravity">start</item>
-        <item name="android:textSize">14sp</item>
-        <item name="android:textAlignment">textStart</item>
-        <item name="android:paddingStart">2dp</item>
-        <item name="android:paddingEnd">8dp</item>
-        <item name="android:clipToPadding">false</item>
-    </style>
-
-    <style name="WidgetButtonSocialLogin.Google">
-        <item name="icon">@drawable/ic_social_google</item>
-        <item name="iconTint">@android:color/transparent</item>
-        <item name="iconTintMode">add</item>
-    </style>
-
-    <style name="WidgetButtonSocialLogin.Google.Light">
-        <item name="android:backgroundTint">@color/button_social_google_background_selector_light</item>
-        <item name="android:textColor">@color/black_54</item>
-    </style>
-
-    <style name="WidgetButtonSocialLogin.Google.Dark" >
-        <item name="android:backgroundTint">@color/button_social_google_background_selector_dark</item>
-        <item name="android:textColor">@color/white</item>
-    </style>
-
-    <style name="WidgetButtonSocialLogin.Github" parent="WidgetButtonSocialLogin">
-        <item name="icon">@drawable/ic_social_github</item>
-    </style>
-
-    <style name="WidgetButtonSocialLogin.Github.Light">
-        <item name="iconTint">@android:color/black</item>
-        <item name="android:textColor">@color/black</item>
-        <item name="android:backgroundTint">@color/white</item>
-    </style>
-
-    <style name="WidgetButtonSocialLogin.Github.Dark" >
-        <item name="iconTint">@android:color/white</item>
-        <item name="android:textColor">@color/white</item>
-        <item name="android:backgroundTint">@color/black</item>
-    </style>
-
-
-    <style name="WidgetButtonSocialLogin.Facebook" parent="WidgetButtonSocialLogin">
-        <item name="icon">@drawable/ic_social_facebook</item>
-    </style>
-
-    <style name="WidgetButtonSocialLogin.Facebook.Light">
-        <item name="strokeColor">#3877EA</item>
-        <item name="strokeWidth">1dp</item>
-        <item name="iconTint">#3877EA</item>
-        <item name="android:textColor">#3877EA</item>
-        <item name="android:backgroundTint">@color/white</item>
-    </style>
-
-    <style name="WidgetButtonSocialLogin.Facebook.Dark" >
-        <item name="iconTint">@android:color/white</item>
-        <item name="android:textColor">@color/white</item>
-        <item name="android:backgroundTint">#3877EA</item>
-    </style>
-
-
-    <style name="WidgetButtonSocialLogin.Twitter" parent="WidgetButtonSocialLogin">
-        <item name="icon">@drawable/ic_social_twitter</item>
-    </style>
-
-    <style name="WidgetButtonSocialLogin.Twitter.Light" >
-        <item name="iconTint">#5D9EC9</item>
-        <item name="android:textColor">#5D9EC9</item>
-        <item name="android:backgroundTint">@color/white</item>
-    </style>
-
-    <style name="WidgetButtonSocialLogin.Twitter.Dark">
-        <item name="iconTint">@color/white</item>
-        <item name="android:textColor">@color/white</item>
-        <item name="android:backgroundTint">#5D9EC9</item>
-    </style>
-
-
-    <style name="WidgetButtonSocialLogin.Apple" parent="WidgetButtonSocialLogin">
-        <item name="icon">@drawable/ic_social_apple</item>
-    </style>
-
-    <style name="WidgetButtonSocialLogin.Apple.Light" >
-        <item name="iconTint">@color/white</item>
-        <item name="android:textColor">@color/white</item>
-        <item name="android:backgroundTint">@color/black</item>
-    </style>
-
-    <style name="WidgetButtonSocialLogin.Apple.Dark">
-        <item name="iconTint">@color/black</item>
-        <item name="android:textColor">@color/black</item>
-        <item name="android:backgroundTint">@color/white</item>
-    </style>
-
 
 </resources>
\ No newline at end of file
diff --git a/vector/src/main/res/values/styles_social_login.xml b/vector/src/main/res/values/styles_social_login.xml
new file mode 100644
index 0000000000..796965cee1
--- /dev/null
+++ b/vector/src/main/res/values/styles_social_login.xml
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="WidgetButtonSocialLogin" parent="Widget.MaterialComponents.Button">
+        <item name="android:textAllCaps">false</item>
+        <item name="fontFamily">sans-serif-medium</item>
+        <item name="android:layout_width">wrap_content</item>
+        <item name="android:layout_height">wrap_content</item>
+        <item name="iconGravity">start</item>
+        <item name="android:textSize">14sp</item>
+        <item name="android:textAlignment">textStart</item>
+        <item name="android:paddingStart">2dp</item>
+        <item name="android:paddingEnd">8dp</item>
+        <item name="android:clipToPadding">false</item>
+    </style>
+
+    <style name="WidgetButtonSocialLogin.Google">
+        <item name="icon">@drawable/ic_social_google</item>
+        <item name="iconTint">@android:color/transparent</item>
+        <item name="iconTintMode">add</item>
+    </style>
+
+    <style name="WidgetButtonSocialLogin.Google.Light">
+        <item name="android:backgroundTint">@color/button_social_google_background_selector_light</item>
+        <item name="android:textColor">@color/black_54</item>
+    </style>
+
+    <style name="WidgetButtonSocialLogin.Google.Dark">
+        <item name="android:backgroundTint">@color/button_social_google_background_selector_dark</item>
+        <item name="android:textColor">@color/white</item>
+    </style>
+
+    <style name="WidgetButtonSocialLogin.Github" parent="WidgetButtonSocialLogin">
+        <item name="icon">@drawable/ic_social_github</item>
+    </style>
+
+    <style name="WidgetButtonSocialLogin.Github.Light">
+        <item name="iconTint">@android:color/black</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:backgroundTint">@color/white</item>
+    </style>
+
+    <style name="WidgetButtonSocialLogin.Github.Dark">
+        <item name="iconTint">@android:color/white</item>
+        <item name="android:textColor">@color/white</item>
+        <item name="android:backgroundTint">@color/black</item>
+    </style>
+
+
+    <style name="WidgetButtonSocialLogin.Facebook" parent="WidgetButtonSocialLogin">
+        <item name="icon">@drawable/ic_social_facebook</item>
+    </style>
+
+    <style name="WidgetButtonSocialLogin.Facebook.Light">
+        <item name="strokeColor">#3877EA</item>
+        <item name="strokeWidth">1dp</item>
+        <item name="iconTint">#3877EA</item>
+        <item name="android:textColor">#3877EA</item>
+        <item name="android:backgroundTint">@color/white</item>
+    </style>
+
+    <style name="WidgetButtonSocialLogin.Facebook.Dark">
+        <item name="iconTint">@android:color/white</item>
+        <item name="android:textColor">@color/white</item>
+        <item name="android:backgroundTint">#3877EA</item>
+    </style>
+
+
+    <style name="WidgetButtonSocialLogin.Twitter" parent="WidgetButtonSocialLogin">
+        <item name="icon">@drawable/ic_social_twitter</item>
+    </style>
+
+    <style name="WidgetButtonSocialLogin.Twitter.Light">
+        <item name="iconTint">#5D9EC9</item>
+        <item name="android:textColor">#5D9EC9</item>
+        <item name="android:backgroundTint">@color/white</item>
+    </style>
+
+    <style name="WidgetButtonSocialLogin.Twitter.Dark">
+        <item name="iconTint">@color/white</item>
+        <item name="android:textColor">@color/white</item>
+        <item name="android:backgroundTint">#5D9EC9</item>
+    </style>
+
+
+    <style name="WidgetButtonSocialLogin.Apple" parent="WidgetButtonSocialLogin">
+        <item name="icon">@drawable/ic_social_apple</item>
+    </style>
+
+    <style name="WidgetButtonSocialLogin.Apple.Light">
+        <item name="iconTint">@color/white</item>
+        <item name="android:textColor">@color/white</item>
+        <item name="android:backgroundTint">@color/black</item>
+    </style>
+
+    <style name="WidgetButtonSocialLogin.Apple.Dark">
+        <item name="iconTint">@color/black</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:backgroundTint">@color/white</item>
+    </style>
+
+</resources>
\ No newline at end of file