Entra Custom CSS - promoted-fed-cred-content - Box editing

Hello team,

This is a portal that we are creating using Entra, and I am trying to edit the login screen using the User Experiences > Customer Branding section.

I am trying to make this box (promoted-fed-cred) to have rounded edges, same as the section above it. I am using the below on the CSS and what it is doing is it is showing the rounded edges for a fraction of a second and then the squared edges take over again.

How can I permanently change this section to rounded edges?

.ext-promoted-fed-cred-box

{

background-color: white;

border-radius: 50px;

box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 15px;

/* Styles for sign-in options text box */

}