diff --git a/core/themes/claro/css/components/system-status-counter.css b/core/themes/claro/css/components/system-status-counter.css index 70845c624f9..a8d21be0cf0 100644 --- a/core/themes/claro/css/components/system-status-counter.css +++ b/core/themes/claro/css/components/system-status-counter.css @@ -44,9 +44,8 @@ mask-size: 2.5rem; } } -[dir="rtl"] .system-status-counter__status-icon { - border-inline-end: 1px solid #e6e4df; - border-inline-start: 0; +[dir="rtl"] .system-status-counter__status-icon::before { + background-position: left center; } .system-status-counter__status-icon--error::before { background-image: var(--system-status-counter-status-icon-error); diff --git a/core/themes/claro/css/components/system-status-counter.pcss.css b/core/themes/claro/css/components/system-status-counter.pcss.css index 11257f28868..a5b139eabe4 100644 --- a/core/themes/claro/css/components/system-status-counter.pcss.css +++ b/core/themes/claro/css/components/system-status-counter.pcss.css @@ -37,11 +37,10 @@ mask-position: right center; mask-size: 40px; } - } - @nest [dir="rtl"] & { - border-inline-end: 1px solid #e6e4df; - border-inline-start: 0; + @nest [dir="rtl"] & { + background-position: left center; + } } }