Fix rotation and transition properties in accordion.scss

Amsterdam · Apr 16, 2024 · eb4a9ca · eb4a9ca
1 parent f525f40
commit eb4a9ca
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/css/src/components/accordion/accordion.scss b/packages/css/src/components/accordion/accordion.scss
@@ -44,20 +44,20 @@
 }
 
 .ams-accordion__icon svg {
-  transform: rotate(0deg);
-  transition: transform 0.3s ease;
+  rotate: 0deg;
+  transition: none;
 
   [aria-expanded="true"] & {
-    transform: rotate(180deg);
+    rotate: -180deg;
   }
 
   @media not (prefers-reduced-motion) {
-    transition: transform 0.3s ease;
+    transition: rotate 0.3s ease;
   }
 }
 
 .ams-accordion__button[aria-expanded="true"] svg {
-  transform: rotate(180deg);
+  rotate: -180deg;
 }
 
 .ams-accordion__panel {