diff --git a/core/themes/claro/css/components/views-ui.css b/core/themes/claro/css/components/views-ui.css
index 9f4df43507039fd589e11d5a267daa24591de343..e3e3e4a5778031057a0c1ac6e51fdf538e974b14 100644
--- a/core/themes/claro/css/components/views-ui.css
+++ b/core/themes/claro/css/components/views-ui.css
@@ -636,7 +636,7 @@ details.fieldset-no-legend {
   position: absolute;
   z-index: 1;
   top: 3.8rem;
-  left: calc(0 - var(--space-m)); /* LTR */
+  left: calc(var(--space-m) * -1); /* LTR */
   padding: 0 0.3rem 0.3rem 0.4rem; /* LTR */
   content: ">";
   color: var(--color-gray-600);
@@ -648,7 +648,7 @@ details.fieldset-no-legend {
 }
 
 [dir="rtl"] .views-config-group-region .views-group-box--value > .form-item::after {
-  right: calc(0 - var(--space-m));
+  right: calc(var(--space-m) * -1);
   left: auto;
   padding-right: 0.4rem;
   padding-left: 0.3rem;
diff --git a/core/themes/claro/css/components/views-ui.pcss.css b/core/themes/claro/css/components/views-ui.pcss.css
index 35d05ecf141d2320867e414496f96357aa719323..475a1898e4fa2aa310934b511e16675cb42eddc6 100644
--- a/core/themes/claro/css/components/views-ui.pcss.css
+++ b/core/themes/claro/css/components/views-ui.pcss.css
@@ -558,7 +558,7 @@ details.fieldset-no-legend {
   position: absolute;
   z-index: 1;
   top: 3.8rem;
-  left: calc(0 - var(--space-m)); /* LTR */
+  left: calc(var(--space-m) * -1); /* LTR */
   padding: 0 0.3rem 0.3rem 0.4rem; /* LTR */
   content: ">";
   color: var(--color-gray-600);
@@ -570,7 +570,7 @@ details.fieldset-no-legend {
 }
 
 [dir="rtl"] .views-config-group-region .views-group-box--value > .form-item::after {
-  right: calc(0 - var(--space-m));
+  right: calc(var(--space-m) * -1);
   left: auto;
   padding-right: 0.4rem;
   padding-left: 0.3rem;