diff --git a/frontend/src/components/input/Button.vue b/frontend/src/components/input/Button.vue
index c406a3616..63b956c7c 100644
--- a/frontend/src/components/input/Button.vue
+++ b/frontend/src/components/input/Button.vue
@@ -180,7 +180,7 @@ const variantClass = computed<string>(() => VARIANT_CLASS_MAP[variant.value])
 			display: block;
 			block-size: 1em;
 			inline-size: 1em;
-			border: 2px solid currentColor;
+			border: 2px solid var(--white);
 			border-radius: 50%;
 			border-inline-end-color: transparent;
 			border-block-start-color: transparent;
@@ -191,6 +191,13 @@ const variantClass = computed<string>(() => VARIANT_CLASS_MAP[variant.value])
 			inset-block-start: calc(50% - 0.5em);
 		}
 	}
+
+	&.is-outlined.is-loading::after,
+	&.is-text.is-loading::after {
+		border-color: var(--grey-700);
+		border-inline-end-color: transparent;
+		border-block-start-color: transparent;
+	}
 }
 
 @keyframes spin-around {