diff --git a/web/src/components/queue/ProcessingQueueItem.svelte b/web/src/components/queue/ProcessingQueueItem.svelte index cca1a1a5..f27d3031 100644 --- a/web/src/components/queue/ProcessingQueueItem.svelte +++ b/web/src/components/queue/ProcessingQueueItem.svelte @@ -279,6 +279,7 @@ .status-spinner :global(svg) { animation: spinner 0.7s infinite linear; + will-change: transform; } .file-actions { diff --git a/web/src/components/queue/ProcessingStatus.svelte b/web/src/components/queue/ProcessingStatus.svelte index 04bcf819..15cd024e 100644 --- a/web/src/components/queue/ProcessingStatus.svelte +++ b/web/src/components/queue/ProcessingStatus.svelte @@ -121,6 +121,7 @@ #progress-ring.indeterminate { animation: spinner 3s linear infinite; + will-change: transform; } #progress-ring.indeterminate circle { diff --git a/web/src/components/save/OmniboxIcon.svelte b/web/src/components/save/OmniboxIcon.svelte index ee881950..23d8f530 100644 --- a/web/src/components/save/OmniboxIcon.svelte +++ b/web/src/components/save/OmniboxIcon.svelte @@ -80,10 +80,12 @@ .spinner-icon.animated :global(svg) { animation: spinner 0.7s infinite linear; + will-change: transform; } .loading .link-icon :global(svg) { animation: spinner 0.7s linear; + will-change: transform; } .loading .link-icon {