diff --git a/alfa-client/libs/design-system/src/lib/icons/spinner-icon/spinner-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/spinner-icon/spinner-icon.component.ts
index 503f6865258a83c1ce2073c288e47f68b87e99ef..d361292b08e026c2f05e245276dae53b82fa2805 100644
--- a/alfa-client/libs/design-system/src/lib/icons/spinner-icon/spinner-icon.component.ts
+++ b/alfa-client/libs/design-system/src/lib/icons/spinner-icon/spinner-icon.component.ts
@@ -30,13 +30,15 @@ import { IconVariants, iconVariants } from '../iconVariants';
   selector: 'ods-spinner-icon',
   standalone: true,
   imports: [NgClass],
-  template: `<svg
+  template: `
+    <svg
       xmlns="http://www.w3.org/2000/svg"
       [ngClass]="iconVariants({ size })"
       class="animate-spin fill-primary text-gray-200 dark:text-gray-600"
       aria-hidden="true"
       viewBox="0 0 100 100"
       fill="none"
+      data-test-class="spinner"
     >
       <path
         d="M100 50.59c0 27.615-22.386 50.001-50 50.001s-50-22.386-50-50 22.386-50 50-50 50 22.386 50 50Zm-90.919 0c0 22.6 18.32 40.92 40.919 40.92 22.599 0 40.919-18.32 40.919-40.92 0-22.598-18.32-40.918-40.919-40.918-22.599 0-40.919 18.32-40.919 40.919Z"
@@ -46,7 +48,8 @@ import { IconVariants, iconVariants } from '../iconVariants';
         d="M93.968 39.04c2.425-.636 3.894-3.128 3.04-5.486A50 50 0 0 0 41.735 1.279c-2.474.414-3.922 2.919-3.285 5.344.637 2.426 3.12 3.849 5.6 3.484a40.916 40.916 0 0 1 44.131 25.769c.902 2.34 3.361 3.802 5.787 3.165Z"
       />
     </svg>
-    <span class="sr-only">Loading...</span> `,
+    <span class="sr-only">Loading...</span>
+  `,
 })
 export class SpinnerIconComponent {
   @Input() size: IconVariants['size'] = 'full';