diff options
| -rw-r--r-- | packages/ui/src/components/collapsible.css | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/packages/ui/src/components/collapsible.css b/packages/ui/src/components/collapsible.css index c96d5e64b..bab2c4f92 100644 --- a/packages/ui/src/components/collapsible.css +++ b/packages/ui/src/components/collapsible.css @@ -26,13 +26,16 @@ [data-slot="collapsible-arrow"] { opacity: 0; transition: opacity 0.15s ease; + will-change: opacity; + transform: translateZ(0); } [data-slot="collapsible-arrow-icon"] { display: inline-flex; color: var(--icon-weaker); - transform: rotate(-90deg); + transform: translateZ(0) rotate(-90deg); transition: transform 0.15s ease; + will-change: transform; } &:hover [data-slot="collapsible-arrow"] { @@ -74,7 +77,7 @@ } [data-slot="collapsible-arrow-icon"] { - transform: rotate(0deg); + transform: translateZ(0) rotate(0deg); } } |