Issue #3377198 by karanpagare, Harish1688, kostyashupenko, Vidushi Mehta,...

Issue #3377198 by karanpagare, Harish1688, kostyashupenko, Vidushi Mehta, shweta__sharma, bnjmnm, smustgrave, longwave: Details up chevron not quite vertically aligned in forced colors mode

core/themes/claro/css/components/details.css

@@ -294,7 +294,7 @@ td .claro-details {
 
   .claro-details[open] > .claro-details__summary::before,
   [dir="rtl"] .claro-details[open] > .claro-details__summary::before {
-    margin-block-start: calc(0.125rem / -2);
+    margin-block-start: -0.125rem;
     margin-inline-end: 0.125rem;
     transform: rotate(-45deg); /* for LTR and RTL */
     background: none;

core/themes/claro/css/components/details.pcss.css

@@ -276,7 +276,7 @@
 
   .claro-details[open] > .claro-details__summary::before,
   [dir="rtl"] .claro-details[open] > .claro-details__summary::before {
-    margin-block-start: calc(0.125rem / -2);
+    margin-block-start: -0.125rem;
     margin-inline-end: 0.125rem;
     transform: rotate(-45deg); /* for LTR and RTL */
     background: none;