diff --git a/src/lib/PhoneInput.svelte b/src/lib/PhoneInput.svelte
index 3c3e172..1de8688 100644
--- a/src/lib/PhoneInput.svelte
+++ b/src/lib/PhoneInput.svelte
@@ -8,7 +8,6 @@
 	let {
 		name,
 		value = $bindable<PhoneNumber | undefined>(undefined),
-		number = $bindable(''), // consider making this private, it should only be used internally
 		country = $bindable<ICountry | undefined>(), // consider making this private, it should only be used internally
 		defaultISO,
 		required = false,
@@ -18,7 +17,6 @@
 	}: {
 		name: string;
 		value?: PhoneNumber;
-		number?: string;
 		country?: ICountry;
 		defaultISO?: string;
 		required?: boolean;
@@ -137,7 +135,6 @@
 				type="tel"
 				{placeholder}
 				name="{name}_number"
-				bind:value={number}
 				validate={{
 					required: required,
 					func: () => !required || (value !== undefined && value.isValid())
diff --git a/src/lib/RadioGroup.svelte b/src/lib/RadioGroup.svelte
index 5c02fc4..e30cbe5 100644
--- a/src/lib/RadioGroup.svelte
+++ b/src/lib/RadioGroup.svelte
@@ -27,10 +27,10 @@
 				{...item.attrs}
 			>
 				<div
-					class="group-aria-[checked]:border-accent-500 relative size-6
+					class="group-aria-[checked]:border-accent-500 dark:hover:bg-text-800 relative size-6
 					rounded-full border-2 border-neutral-400 bg-neutral-100 shadow-sm
-					group-aria-[checke]:bg-transparent hover:bg-gray-100
-					data-[disabled=true]:bg-gray-400 dark:border-white dark:bg-transparent"
+					group-aria-[checke]:bg-transparent hover:bg-gray-100 data-[disabled=true]:bg-gray-400
+					dark:border-white dark:bg-transparent dark:sm:hover:bg-slate-800"
 				>
 					{#if item.checked}
 						<div