diff --git a/src/ui/button-link.tsx b/src/ui/button-link.tsx
index e9058e12d..5bfe0d0b5 100644
--- a/src/ui/button-link.tsx
+++ b/src/ui/button-link.tsx
@@ -1,3 +1,4 @@
+import { splitProps } from "solid-js";
 import { A, type RouterLinkProps } from "./i18n-anchor";
 
 type ButtonLinkProps = RouterLinkProps & {
@@ -5,16 +6,18 @@ type ButtonLinkProps = RouterLinkProps & {
 };
 
 export const ButtonLink = (props: ButtonLinkProps) => {
+	const [localProps, otherProps] = splitProps(props, ["variant"]);
+
 	return (
 		<A
 			addLocale
 			classList={{
 				"rounded-full bg-blue-300 py-2 px-4 text-sm font-semibold text-slate-900 hover:bg-blue-200 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300/50 active:bg-blue-500":
-					props.variant === "primary",
+					localProps.variant === "primary",
 				"rounded-full bg-slate-800 py-2 px-4 text-sm font-semibold text-white hover:bg-slate-700 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white/50 active:text-slate-300":
-					props.variant === "secondary",
+					localProps.variant === "secondary",
 			}}
-			{...props}
+			{...otherProps}
 		/>
 	);
 };