diff --git a/src/lib/TimeInput.svelte b/src/lib/TimeInput.svelte
index 6bf5f8c..974ce40 100644
--- a/src/lib/TimeInput.svelte
+++ b/src/lib/TimeInput.svelte
@@ -320,10 +320,12 @@
 					class={[
 						compact ? 'px-2 py-0.5' : 'px-3 py-1',
 						'border-sui-accent dark:border-sui-accent/50 cursor-pointer border font-medium',
-						ampm === shade && [
-							'bg-sui-accent text-sui-background dark:bg-sui-accent/30 dark:text-sui-background/90',
-							'ring-sui-text z-10 ring-1 dark:ring-blue-300'
-						],
+						ampm === shade
+							? [
+									'bg-sui-accent text-sui-background dark:bg-sui-accent/30 dark:text-sui-background/90',
+									'ring-sui-text z-10 ring-1 dark:ring-blue-300'
+								]
+							: 'bg-white',
 						index === 0
 							? compact
 								? 'rounded-l-sm'