diff --git a/.drone.yml b/.drone.yml
index c6df073..363e23f 100644
--- a/.drone.yml
+++ b/.drone.yml
@@ -13,22 +13,25 @@ trigger:
 
 steps:
     - name: install
-      image: node:22
+      image: node:25
       commands:
+          - npm install -g corepack@latest
           - corepack enable
           - corepack prepare yarn@1.22.22 --activate
           - yarn install --frozen-lockfile
 
     - name: lint
-      image: node:22
+      image: node:25
       commands:
+          - npm install -g corepack@latest
           - corepack enable
           - corepack prepare yarn@1.22.22 --activate
           - yarn lint
 
     - name: build
-      image: node:22
+      image: node:25
       commands:
+          - npm install -g corepack@latest
           - corepack enable
           - corepack prepare yarn@1.22.22 --activate
           - yarn build
@@ -46,11 +49,12 @@ trigger:
 
 steps:
     - name: publish-npm
-      image: node:22
+      image: node:25
       environment:
           NEXUS_NPM_TOKEN:
               from_secret: nexus_npm_token
       commands:
+          - npm install -g corepack@latest
           - corepack enable
           - corepack prepare yarn@1.22.22 --activate
           - yarn install --frozen-lockfile
diff --git a/package.json b/package.json
index 4db9fee..7031734 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@panic/web-ui",
-    "version": "0.1.15",
+    "version": "0.1.16",
     "license": "AGPL-3.0-only",
     "description": "Core components for panic.haus web applications",
     "type": "module",
diff --git a/src/styles/components.css b/src/styles/components.css
index d16fc06..63ed576 100644
--- a/src/styles/components.css
+++ b/src/styles/components.css
@@ -30,24 +30,56 @@
     -webkit-text-fill-color: var(--field-selection-text);
 }
 
-.field[type='date']:focus::-webkit-datetime-edit-day-field,
-.field[type='date']:focus::-webkit-datetime-edit-month-field,
-.field[type='date']:focus::-webkit-datetime-edit-year-field,
-.field[type='time']:focus::-webkit-datetime-edit-hour-field,
-.field[type='time']:focus::-webkit-datetime-edit-minute-field,
-.field[type='time']:focus::-webkit-datetime-edit-ampm-field,
-.field[type='datetime-local']:focus::-webkit-datetime-edit-day-field,
-.field[type='datetime-local']:focus::-webkit-datetime-edit-month-field,
-.field[type='datetime-local']:focus::-webkit-datetime-edit-year-field,
-.field[type='datetime-local']:focus::-webkit-datetime-edit-hour-field,
-.field[type='datetime-local']:focus::-webkit-datetime-edit-minute-field,
-.field[type='datetime-local']:focus::-webkit-datetime-edit-ampm-field {
+.field[type='date']::-webkit-datetime-edit-day-field,
+.field[type='date']::-webkit-datetime-edit-month-field,
+.field[type='date']::-webkit-datetime-edit-year-field,
+.field[type='time']::-webkit-datetime-edit-hour-field,
+.field[type='time']::-webkit-datetime-edit-minute-field,
+.field[type='time']::-webkit-datetime-edit-ampm-field,
+.field[type='datetime-local']::-webkit-datetime-edit-day-field,
+.field[type='datetime-local']::-webkit-datetime-edit-month-field,
+.field[type='datetime-local']::-webkit-datetime-edit-year-field,
+.field[type='datetime-local']::-webkit-datetime-edit-hour-field,
+.field[type='datetime-local']::-webkit-datetime-edit-minute-field,
+.field[type='datetime-local']::-webkit-datetime-edit-ampm-field {
+    border-radius: 0.375rem;
+}
+
+.field[type='date']::-webkit-datetime-edit-day-field:focus,
+.field[type='date']::-webkit-datetime-edit-month-field:focus,
+.field[type='date']::-webkit-datetime-edit-year-field:focus,
+.field[type='time']::-webkit-datetime-edit-hour-field:focus,
+.field[type='time']::-webkit-datetime-edit-minute-field:focus,
+.field[type='time']::-webkit-datetime-edit-ampm-field:focus,
+.field[type='datetime-local']::-webkit-datetime-edit-day-field:focus,
+.field[type='datetime-local']::-webkit-datetime-edit-month-field:focus,
+.field[type='datetime-local']::-webkit-datetime-edit-year-field:focus,
+.field[type='datetime-local']::-webkit-datetime-edit-hour-field:focus,
+.field[type='datetime-local']::-webkit-datetime-edit-minute-field:focus,
+.field[type='datetime-local']::-webkit-datetime-edit-ampm-field:focus {
     border-radius: 0.375rem;
     background-color: var(--field-selection-bg) !important;
     color: var(--field-selection-text) !important;
     -webkit-text-fill-color: var(--field-selection-text) !important;
 }
 
+.field[type='date']::-webkit-datetime-edit-day-field::selection,
+.field[type='date']::-webkit-datetime-edit-month-field::selection,
+.field[type='date']::-webkit-datetime-edit-year-field::selection,
+.field[type='time']::-webkit-datetime-edit-hour-field::selection,
+.field[type='time']::-webkit-datetime-edit-minute-field::selection,
+.field[type='time']::-webkit-datetime-edit-ampm-field::selection,
+.field[type='datetime-local']::-webkit-datetime-edit-day-field::selection,
+.field[type='datetime-local']::-webkit-datetime-edit-month-field::selection,
+.field[type='datetime-local']::-webkit-datetime-edit-year-field::selection,
+.field[type='datetime-local']::-webkit-datetime-edit-hour-field::selection,
+.field[type='datetime-local']::-webkit-datetime-edit-minute-field::selection,
+.field[type='datetime-local']::-webkit-datetime-edit-ampm-field::selection {
+    background-color: var(--field-selection-bg);
+    color: var(--field-selection-text);
+    -webkit-text-fill-color: var(--field-selection-text);
+}
+
 .field:disabled {
     border-color: var(--field-disabled-border);
     background-color: var(--field-disabled-bg);