From 5abfb90b1653c4e3a02578ea522a747f7f751a5c Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Fri, 31 Jan 2025 18:12:49 +0100
Subject: [PATCH] fix time input width (#23998)

---
 src/components/ha-base-time-input.ts               |  5 +----
 .../components/config/ha-backup-config-schedule.ts | 14 ++++++++------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/components/ha-base-time-input.ts b/src/components/ha-base-time-input.ts
index 2936e8c96f..7b2a5b3525 100644
--- a/src/components/ha-base-time-input.ts
+++ b/src/components/ha-base-time-input.ts
@@ -329,15 +329,12 @@ export class HaBaseTimeInput extends LitElement {
     :host([clearable]) {
       position: relative;
     }
-    :host {
-      display: block;
-    }
     .time-input-wrap-wrap {
       display: flex;
     }
     .time-input-wrap {
       display: flex;
-      flex: 1;
+      flex: var(--time-input-flex, unset);
       border-radius: var(--mdc-shape-small, 4px) var(--mdc-shape-small, 4px) 0 0;
       overflow: hidden;
       position: relative;
diff --git a/src/panels/config/backup/components/config/ha-backup-config-schedule.ts b/src/panels/config/backup/components/config/ha-backup-config-schedule.ts
index 428ffdca6d..d57389a001 100644
--- a/src/panels/config/backup/components/config/ha-backup-config-schedule.ts
+++ b/src/panels/config/backup/components/config/ha-backup-config-schedule.ts
@@ -537,20 +537,22 @@ class HaBackupConfigSchedule extends LitElement {
     ha-md-list-item {
       --md-item-overflow: visible;
     }
-    ha-md-select,
-    ha-time-input {
+    ha-md-select {
       min-width: 210px;
     }
+    ha-time-input {
+      min-width: 194px;
+      --time-input-flex: 1;
+    }
     @media all and (max-width: 450px) {
-      ha-md-select,
-      ha-time-input {
+      ha-md-select {
         min-width: 160px;
         width: 160px;
         --md-filled-field-content-space: 0;
       }
       ha-time-input {
-        min-width: 120px;
-        width: 120px;
+        min-width: 145px;
+        width: 145px;
       }
     }
     ha-md-textfield#value {