From f36ad4293f04f025c7388995604545ee91b527c5 Mon Sep 17 00:00:00 2001
From: LauraPinilla <laura.pinilla@wizeline.com>
Date: Wed, 18 Dec 2024 13:51:41 -0600
Subject: [PATCH] attending feedback

---
 blocks/identity-block/_index.scss                      |  5 +++++
 .../social-sign-on/_children/AppleSignIn.jsx           |  2 +-
 blocks/identity-block/themes/news.json                 | 10 ++++++++++
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/blocks/identity-block/_index.scss b/blocks/identity-block/_index.scss
index e3471531c..981a90f47 100644
--- a/blocks/identity-block/_index.scss
+++ b/blocks/identity-block/_index.scss
@@ -219,6 +219,11 @@
 				@include scss.block-properties("social-sign-on-button-container-apple-custom");
 			}
 
+			&__sso{
+				@include scss.block-components("social-sign-on-button-container-apple-sso");
+				@include scss.block-properties("social-sign-on-button-container-apple-sso");
+			}
+
 			@include scss.block-components("social-sign-on-button-container-apple");
 			@include scss.block-properties("social-sign-on-button-container-apple");
 		}
diff --git a/blocks/identity-block/components/social-sign-on/_children/AppleSignIn.jsx b/blocks/identity-block/components/social-sign-on/_children/AppleSignIn.jsx
index f2c53038d..56863b4e8 100644
--- a/blocks/identity-block/components/social-sign-on/_children/AppleSignIn.jsx
+++ b/blocks/identity-block/components/social-sign-on/_children/AppleSignIn.jsx
@@ -31,7 +31,7 @@ function AppleSignIn({ customButtons, socialSignOnIn, className, oidcClients = [
 	return (
 		<div
 			data-testid="apple-sign-in-button"
-			style={{ width: '100%', justifyContent: 'center', display: 'flex' }}
+			className={`${className}__Apple__sso`}
 		>
 			<Button
 				id="apple-btn"
diff --git a/blocks/identity-block/themes/news.json b/blocks/identity-block/themes/news.json
index e4e940383..043c17cad 100644
--- a/blocks/identity-block/themes/news.json
+++ b/blocks/identity-block/themes/news.json
@@ -863,6 +863,16 @@
 			"desktop": {}
 		}
 	},
+	"social-sign-on-button-container-apple-sso":{
+		"styles": {
+			"default": {
+				"inline-size": "100%",
+				"justify-content": "center", 
+				"display": "flex"
+			},
+			"desktop": {}
+		}
+	},
 	"social-sign-on-dividerWithText": {
 		"styles": {
 			"default": {