diff --git a/core/themes/claro/css/components/tablesort-indicator.css b/core/themes/claro/css/components/tablesort-indicator.css
index ff743c3091f3856e99080def6bf24658c34419b0..6e0ba738558d121cc4f12165ff832a33bf5738da 100644
--- a/core/themes/claro/css/components/tablesort-indicator.css
+++ b/core/themes/claro/css/components/tablesort-indicator.css
@@ -26,7 +26,7 @@
 
 @media (forced-colors: active) {
   .tablesort {
-    background-color: linktext;
+    background: linktext;
     -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e");
     mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e");
     -webkit-mask-repeat: no-repeat;
diff --git a/core/themes/claro/css/components/tablesort-indicator.pcss.css b/core/themes/claro/css/components/tablesort-indicator.pcss.css
index ac33aa43140c1981331a90213bffc3a2ed9c8af2..5a79aa2b2403765367b51c54199c58b7220d53f2 100644
--- a/core/themes/claro/css/components/tablesort-indicator.pcss.css
+++ b/core/themes/claro/css/components/tablesort-indicator.pcss.css
@@ -17,7 +17,7 @@
   background-size: auto;
 
   @media (forced-colors: active) {
-    background-color: linktext;
+    background: linktext;
     mask-image: url(../../images/icons/000f33/sort--inactive--ltr.svg);
     mask-repeat: no-repeat;
     mask-position: 0 50%;