From 82e5bd62a1f0f77f56512a91b5137d851974942b Mon Sep 17 00:00:00 2001
From: Wendelin <12148533+wendevlin@users.noreply.github.com>
Date: Mon, 30 Mar 2026 09:39:57 +0200
Subject: [PATCH] Fix time input background (#51270)

Fix input color tokens
---
 src/components/ha-base-time-input.ts                       | 2 +-
 src/components/ha-picker-field.ts                          | 5 +----
 src/dialogs/more-info/controls/more-info-input_datetime.ts | 1 +
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/ha-base-time-input.ts b/src/components/ha-base-time-input.ts
index 3ab107c2e4..e0df46c116 100644
--- a/src/components/ha-base-time-input.ts
+++ b/src/components/ha-base-time-input.ts
@@ -401,7 +401,7 @@ export class HaBaseTimeInput extends LitElement {
 
     .time-separator,
     ha-icon-button {
-      background-color: var(--ha-color-fill-neutral-quiet-resting);
+      background-color: var(--ha-color-form-background);
       color: var(--ha-color-text-secondary);
       border-bottom: 1px solid var(--ha-color-border-neutral-loud);
       box-sizing: border-box;
diff --git a/src/components/ha-picker-field.ts b/src/components/ha-picker-field.ts
index 0b4d588b23..f65fbc9b42 100644
--- a/src/components/ha-picker-field.ts
+++ b/src/components/ha-picker-field.ts
@@ -153,10 +153,7 @@ export class HaPickerField extends PickerMixin(LitElement) {
           right: 0;
           height: 1px;
           width: 100%;
-          background-color: var(
-            --mdc-text-field-idle-line-color,
-            rgba(0, 0, 0, 0.42)
-          );
+          background-color: var(--ha-color-border-neutral-loud);
           transform:
             height 180ms ease-in-out,
             background-color 180ms ease-in-out;
diff --git a/src/dialogs/more-info/controls/more-info-input_datetime.ts b/src/dialogs/more-info/controls/more-info-input_datetime.ts
index e755958e59..a61ba12c02 100644
--- a/src/dialogs/more-info/controls/more-info-input_datetime.ts
+++ b/src/dialogs/more-info/controls/more-info-input_datetime.ts
@@ -82,6 +82,7 @@ class MoreInfoInputDatetime extends LitElement {
       display: flex;
       align-items: center;
       justify-content: flex-end;
+      --ha-input-padding-bottom: 0;
     }
     ha-date-input + ha-time-input {
       margin-left: var(--ha-space-1);