diff --git a/war/src/main/resources/images/symbols/status-aborted-anime.svg b/war/src/main/resources/images/symbols/status-aborted-anime.svg
index 308e6d7578c7..2dc6b8dbbf82 100644
--- a/war/src/main/resources/images/symbols/status-aborted-anime.svg
+++ b/war/src/main/resources/images/symbols/status-aborted-anime.svg
@@ -1,5 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-    <ellipse opacity="0.4" cx="256" cy="256" rx="210" ry="210" fill="none" stroke="var(--text-color-secondary)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="36" />
-    <path d="M256 46C140.02 46 46 140.02 46 256" fill="transparent" stroke="var(--text-color-secondary)" stroke-width="36" stroke-miterlimit="10" stroke-linecap="round" data-symbol-animation="spin" />
-    <path fill="none" stroke="var(--text-color-secondary)" stroke-linecap="round" stroke-linejoin="round" stroke-width="36" d="M192 320l128-128"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-256 -256 512 512">
+    <ellipse opacity="0.4" cx="0" cy="0" rx="210" ry="210" fill="none" stroke="var(--text-color-secondary)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="36" />
+    <path d="M0 -210C-115.98 -210 -210 -115.98 -210 0" fill="transparent" stroke="var(--text-color-secondary)" stroke-width="36" stroke-miterlimit="10" stroke-linecap="round" data-symbol-animation="spin"/>
+    <path fill="none" stroke="var(--text-color-secondary)" stroke-linecap="round" stroke-linejoin="round" stroke-width="36" d="M-64 64l128-128"/>
 </svg>
diff --git a/war/src/main/resources/images/symbols/status-blue-anime.svg b/war/src/main/resources/images/symbols/status-blue-anime.svg
index b11da163e9f7..3db79b0c59f4 100644
--- a/war/src/main/resources/images/symbols/status-blue-anime.svg
+++ b/war/src/main/resources/images/symbols/status-blue-anime.svg
@@ -1,5 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-    <ellipse opacity="0.4" cx="256" cy="256" rx="210" ry="210" fill="none" stroke="var(--success-color)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="36" />
-    <path d="M256 46C140.02 46 46 140.02 46 256" fill="transparent" stroke="var(--success-color)" stroke-width="36" stroke-miterlimit="10" stroke-linecap="round" data-symbol-animation="spin" />
-    <path d="M336 189L224 323L176 269.4" fill="transparent" stroke="var(--success-color)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round" />
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-256 -256 512 512">
+    <ellipse opacity="0.4" cx="0" cy="0" rx="210" ry="210" fill="none" stroke="var(--success-color)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="36" />
+    <path d="M0 -210C-115.98 -210 -210 -115.98 -210 0" fill="transparent" stroke="var(--success-color)" stroke-width="36" stroke-miterlimit="10" stroke-linecap="round" data-symbol-animation="spin"/>
+    <path d="M80 -67L-32 67L-80 13.4" fill="transparent" stroke="var(--success-color)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round" />
 </svg>
diff --git a/war/src/main/resources/images/symbols/status-disabled-anime.svg b/war/src/main/resources/images/symbols/status-disabled-anime.svg
index 138edc7a9ec3..bcbcbc03f3ac 100644
--- a/war/src/main/resources/images/symbols/status-disabled-anime.svg
+++ b/war/src/main/resources/images/symbols/status-disabled-anime.svg
@@ -1,6 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-    <ellipse opacity="0.4" cx="256" cy="256" rx="210" ry="210" fill="none" stroke="var(--text-color-secondary)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="36" />
-    <path d="M256 46C140.02 46 46 140.02 46 256" fill="transparent" stroke="var(--text-color-secondary)" stroke-width="36" stroke-miterlimit="10" stroke-linecap="round" data-symbol-animation="spin" />
-    <ellipse cx="256" cy="256" rx="100" ry="100" fill="none" stroke="var(--text-color-secondary)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="36" />
-    <path fill="none" stroke="var(--text-color-secondary)" stroke-linecap="round" stroke-linejoin="round" stroke-width="36" d="M192 320l128-128" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-256 -256 512 512">
+    <ellipse opacity="0.4" cx="0" cy="0" rx="210" ry="210" fill="none" stroke="var(--text-color-secondary)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="36" />
+    <path d="M0 -210C-115.98 -210 -210 -115.98 -210 0" fill="transparent" stroke="var(--text-color-secondary)" stroke-width="36" stroke-miterlimit="10" stroke-linecap="round" data-symbol-animation="spin"/>
+    <ellipse cx="0" cy="0" rx="100" ry="100" fill="none" stroke="var(--text-color-secondary)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="36" />
+    <path fill="none" stroke="var(--text-color-secondary)" stroke-linecap="round" stroke-linejoin="round" stroke-width="36" d="M-64 64l128-128" />
+</svg>
\ No newline at end of file
diff --git a/war/src/main/resources/images/symbols/status-nobuilt-anime.svg b/war/src/main/resources/images/symbols/status-nobuilt-anime.svg
index 9a534d34d237..c066275426ab 100644
--- a/war/src/main/resources/images/symbols/status-nobuilt-anime.svg
+++ b/war/src/main/resources/images/symbols/status-nobuilt-anime.svg
@@ -1,7 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-  <ellipse opacity="0.4" cx="256" cy="256" rx="210" ry="210" fill="none" stroke="var(--blue)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="36" />
-  <path d="M256 46C140.02 46 46 140.02 46 256" fill="transparent" stroke="var(--blue)" stroke-width="36" stroke-miterlimit="10" stroke-linecap="round" data-symbol-animation="spin" />
-  <circle cx="256" cy="256" r="30" fill="var(--blue)" />
-  <circle cx="352" cy="256" r="30" fill="var(--blue)" />
-  <circle cx="160" cy="256" r="30" fill="var(--blue)" />
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-256 -256 512 512">
+  <ellipse opacity="0.4" cx="0" cy="0" rx="210" ry="210" fill="none" stroke="var(--blue)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="36" />
+  <path d="M0 -210C-115.98 -210 -210 -115.98 -210 0" fill="transparent" stroke="var(--blue)" stroke-width="36" stroke-miterlimit="10" stroke-linecap="round" data-symbol-animation="spin"/>
+  <circle cx="0" cy="0" r="30" fill="var(--blue)" />
+  <circle cx="96" cy="0" r="30" fill="var(--blue)" />
+  <circle cx="-96" cy="0" r="30" fill="var(--blue)" />
 </svg>
diff --git a/war/src/main/resources/images/symbols/status-red-anime.svg b/war/src/main/resources/images/symbols/status-red-anime.svg
index 76b3bca95af1..cdedc67bc4aa 100644
--- a/war/src/main/resources/images/symbols/status-red-anime.svg
+++ b/war/src/main/resources/images/symbols/status-red-anime.svg
@@ -1,5 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-    <ellipse opacity="0.4" cx="256" cy="256" rx="210" ry="210" fill="none" stroke="var(--red)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="36" />
-    <path d="M256 46C140.02 46 46 140.02 46 256" fill="transparent" stroke="var(--red)" stroke-width="36" stroke-miterlimit="10" stroke-linecap="round" data-symbol-animation="spin" />
-    <path fill="none" stroke="var(--red)" stroke-linecap="round" stroke-linejoin="round" stroke-width="36" d="M320 320L192 192M192 320l128-128"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-256 -256 512 512">
+    <ellipse opacity="0.4" cx="0" cy="0" rx="210" ry="210" fill="none" stroke="var(--red)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="36" />
+    <path d="M0 -210C-115.98 -210 -210 -115.98 -210 0" fill="transparent" stroke="var(--red)" stroke-width="36" stroke-miterlimit="10" stroke-linecap="round" data-symbol-animation="spin"/>
+    <path fill="none" stroke="var(--red)" stroke-linecap="round" stroke-linejoin="round" stroke-width="36" d="M64 64L-64 -64M-64 64 64 -64"/>
 </svg>
diff --git a/war/src/main/resources/images/symbols/status-yellow-anime.svg b/war/src/main/resources/images/symbols/status-yellow-anime.svg
index c241c3c88024..2f8051e990a8 100644
--- a/war/src/main/resources/images/symbols/status-yellow-anime.svg
+++ b/war/src/main/resources/images/symbols/status-yellow-anime.svg
@@ -1,6 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512">
-    <ellipse opacity="0.4" cx="256" cy="256" rx="210" ry="210" fill="none" stroke="var(--orange)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="36" />
-    <path d="M256 46C140.02 46 46 140.02 46 256" fill="transparent" stroke="var(--orange)" stroke-width="36" stroke-miterlimit="10" stroke-linecap="round" data-symbol-animation="spin" />
-    <path d="M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 6z" fill="none" stroke="var(--orange)" stroke-linecap="round" stroke-linejoin="round" stroke-width="36" />
-    <ellipse cx="256" cy="350" rx="26" ry="26" fill="var(--orange)" />
+<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="-256 -256 512 512">
+    <ellipse opacity="0.4" cx="0" cy="0" rx="210" ry="210" fill="none" stroke="var(--orange)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="36" />
+    <path d="M0 -210C-115.98 -210 -210 -115.98 -210 0" fill="transparent" stroke="var(--orange)" stroke-width="36" stroke-miterlimit="10" stroke-linecap="round" data-symbol-animation="spin"/>
+    <path d="M-5.74 -89.95L0 31.95l5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 6z" fill="none" stroke="var(--orange)" stroke-linecap="round" stroke-linejoin="round" stroke-width="36" />
+    <ellipse cx="0" cy="94" rx="26" ry="26" fill="var(--orange)" />
 </svg>
diff --git a/war/src/main/scss/base/_style.scss b/war/src/main/scss/base/_style.scss
index 6d18f031619f..49a81654b657 100644
--- a/war/src/main/scss/base/_style.scss
+++ b/war/src/main/scss/base/_style.scss
@@ -872,7 +872,7 @@ table.progress-bar.red td.progress-bar-done {
 
 [data-symbol-animation] {
   animation: spin 1s linear infinite;
-  transform-origin: center;
+  transform-origin: 0 0;
 
   @media (prefers-reduced-motion) {
     animation-duration: 3s;