diff --git a/src/css/app.scss b/src/css/app.scss
index ab0be1e..f5b3f6e 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -64,4 +64,13 @@ input::-webkit-inner-spin-button {
 /* Firefox */
 input[type=number] {
   -moz-appearance: textfield;
+}
+
+.q-field--dark .q-field__control::before {
+    border-color: #fff3;
+}
+
+.q-field--dark .q-field__control:hover::before, .q-field--outlined .q-field__control:hover::before {
+    border-color: var(--q-accent);
+    border-width: 2px;
 }
\ No newline at end of file
diff --git a/src/modules/employee-list/components/add-modify-dialog-form.vue b/src/modules/employee-list/components/add-modify-dialog-form.vue
index e8bc481..dc5ea61 100644
--- a/src/modules/employee-list/components/add-modify-dialog-form.vue
+++ b/src/modules/employee-list/components/add-modify-dialog-form.vue
@@ -145,6 +145,7 @@
                     v-model="employee_store.employee.paid_time_off.sick_hours"
                     :label="$t('employee_management.sick_hours')"
                     type="number"
+                    @update:model-value="employee_store.employee.paid_time_off.last_updated = new Date().toISOString().slice(0, 10)"
                 />
 
                 <AddModifyDialogFormInput
diff --git a/src/modules/employee-list/models/employee-profile.models.ts b/src/modules/employee-list/models/employee-profile.models.ts
index ec414ff..72660fc 100644
--- a/src/modules/employee-list/models/employee-profile.models.ts
+++ b/src/modules/employee-list/models/employee-profile.models.ts
@@ -8,7 +8,7 @@ export interface PaidTimeOff {
     sick_hours: number;
     vacation_hours: number;
     banked_hours: number;
-    last_updated: string;
+    last_updated?: string | null;
 }
 
 export class EmployeeProfile {