From d9f0d89450fdd6a06e6fc89c5b1a58bf14d30d77 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Wed, 18 Mar 2026 10:29:50 +1100
Subject: [PATCH] fix: align news loader animation

---
 src/css/injected.scss | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/css/injected.scss b/src/css/injected.scss
index 5445ec94..e9fd4b51 100644
--- a/src/css/injected.scss
+++ b/src/css/injected.scss
@@ -2773,20 +2773,25 @@ body {
   position: absolute;
   top: 50%;
   left: 50%;
+  will-change: transform;
 }
 .logo {
   transform: translate(-50%, -50%);
 }
 .big-circle {
   margin: -88px;
-  animation: spin 3s ease infinite;
-  -moz-animation: spin 3s ease infinite;
+  will-change: transform;
+  animation-timing-function: linear;
+  animation: spin 3s linear infinite;
+  -moz-animation: spin 3s linear infinite;
 }
 
 .small-circle {
   margin: -66px;
-  animation: spin 3s ease infinite;
-  -moz-animation: spin 3s ease infinite;
+  will-change: transform;
+  animation-timing-function: linear;
+  animation: spin 3s linear infinite;
+  -moz-animation: spin 3s linear infinite;
 }
 
 .dark [class*="LabelList__name___"] {
@@ -2830,8 +2835,10 @@ body {
 }
 .outer-circle {
   margin: -108px;
-  animation: spinback 1s linear infinite alternate-reverse;
-  -moz-animation: spinback 1s linear infinite alternate-reverse;
+  will-change: transform;
+  animation-direction: alternate-reverse;
+  animation: spinback 1s linear infinite;
+  -moz-animation: spinback 1s linear infinite;
 }
 @-moz-keyframes spin {
   100% {