diff --git a/frontend/src/lib/components/DateField.svelte b/frontend/src/lib/components/DateField.svelte
index c2b8acd..8089d08 100644
--- a/frontend/src/lib/components/DateField.svelte
+++ b/frontend/src/lib/components/DateField.svelte
@@ -101,38 +101,3 @@
 		class:w-60={inputWidth === 'large'}
 	/>
 </div>
-
-<style>
-	/* Override browser default styling for date inputs */
-	:global(.date-field-input::-webkit-calendar-picker-indicator) {
-		background: transparent;
-		color: inherit;
-	}
-
-	:global(.date-field-input::-webkit-datetime-edit) {
-		background: transparent !important;
-		color: inherit;
-	}
-
-	:global(.date-field-input::-webkit-datetime-edit-fields-wrapper) {
-		background: transparent !important;
-	}
-
-	:global(.date-field-input::-webkit-datetime-edit-text) {
-		color: inherit;
-		background: transparent !important;
-	}
-
-	:global(.date-field-input::-webkit-datetime-edit-month-field),
-	:global(.date-field-input::-webkit-datetime-edit-day-field),
-	:global(.date-field-input::-webkit-datetime-edit-year-field) {
-		background: transparent !important;
-		color: inherit;
-	}
-
-	/* Dark mode specific overrides */
-	:global(.dark .date-field-input::-webkit-calendar-picker-indicator) {
-		filter: invert(1);
-		opacity: 0.7;
-	}
-</style>
diff --git a/frontend/src/lib/components/DateTimeField.svelte b/frontend/src/lib/components/DateTimeField.svelte
index 5f19a94..6d6788e 100644
--- a/frontend/src/lib/components/DateTimeField.svelte
+++ b/frontend/src/lib/components/DateTimeField.svelte
@@ -160,44 +160,3 @@
 		class:dark:bg-yellow-700={readonly}
 	/>
 </div>
-
-<style>
-	/* Override browser default styling for date inputs */
-	:global(.date-input::-webkit-calendar-picker-indicator) {
-		background: transparent;
-		color: inherit;
-	}
-
-	:global(.date-input::-webkit-datetime-edit),
-	:global(.time-input::-webkit-datetime-edit) {
-		background: transparent !important;
-		color: inherit;
-	}
-
-	:global(.date-input::-webkit-datetime-edit-fields-wrapper),
-	:global(.time-input::-webkit-datetime-edit-fields-wrapper) {
-		background: transparent !important;
-	}
-
-	:global(.date-input::-webkit-datetime-edit-text),
-	:global(.time-input::-webkit-datetime-edit-text) {
-		color: inherit;
-		background: transparent !important;
-	}
-
-	:global(.date-input::-webkit-datetime-edit-month-field),
-	:global(.date-input::-webkit-datetime-edit-day-field),
-	:global(.date-input::-webkit-datetime-edit-year-field),
-	:global(.time-input::-webkit-datetime-edit-hour-field),
-	:global(.time-input::-webkit-datetime-edit-minute-field),
-	:global(.time-input::-webkit-datetime-edit-ampm-field) {
-		background: transparent !important;
-		color: inherit;
-	}
-
-	/* Dark mode specific overrides */
-	:global(.dark .date-input::-webkit-calendar-picker-indicator) {
-		filter: invert(1);
-		opacity: 0.7;
-	}
-</style>