From 42e94cd5b7e1d4bbcd52eb23e902f98a71a8a0c6 Mon Sep 17 00:00:00 2001
From: Harshit Singh <73997189+harshit078@users.noreply.github.com>
Date: Mon, 24 Feb 2025 13:24:48 +0530
Subject: [PATCH] fix: Misaligned Select with input box (#19400)

* Aligned Select field with input

* Minor fix in alignment

---------

Co-authored-by: amrit <iamamrit27@gmail.com>
Co-authored-by: Tushar Bhatt <95581504+TusharBhatt1@users.noreply.github.com>
Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>
---
 .../tabs/advanced/RequiresConfirmationController.tsx      | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/features/eventtypes/components/tabs/advanced/RequiresConfirmationController.tsx b/packages/features/eventtypes/components/tabs/advanced/RequiresConfirmationController.tsx
index b2fa00882a..9e2e4f17d5 100644
--- a/packages/features/eventtypes/components/tabs/advanced/RequiresConfirmationController.tsx
+++ b/packages/features/eventtypes/components/tabs/advanced/RequiresConfirmationController.tsx
@@ -164,7 +164,7 @@ export default function RequiresConfirmationController({
                                 defaults="When booked with less than <time></time> notice"
                                 components={{
                                   time: (
-                                    <div className="mx-2 inline-flex">
+                                    <div className="mx-2 inline-flex items-center">
                                       <Input
                                         type="number"
                                         min={1}
@@ -184,7 +184,7 @@ export default function RequiresConfirmationController({
                                           );
                                         }}
                                         className={classNames(
-                                          "border-default h-8! !m-0 block w-16 rounded-r-none border-r-0 text-sm [appearance:textfield] focus:z-10 focus:border-r",
+                                          "border-default h-9! !m-0 block w-16 rounded-r-none border-r-0 text-sm [appearance:textfield] focus:z-10 focus:border-r",
                                           customClassNames?.conditionalConfirmationRadio?.timeInput
                                         )}
                                         defaultValue={metadata?.requiresConfirmationThreshold?.time || 30}
@@ -201,7 +201,9 @@ export default function RequiresConfirmationController({
                                           className={
                                             customClassNames?.conditionalConfirmationRadio?.timeUnitSelect
                                           }
-                                          innerClassNames={{ control: "rounded-l-none bg-subtle" }}
+                                          innerClassNames={{
+                                            control: "rounded-l-none max-h-4 px-3 bg-subtle",
+                                          }}
                                           onChange={(opt) => {
                                             setRequiresConfirmationSetup({
                                               time: