From 75bd1b348944a0e4d647a0b5e4991845ece0089c Mon Sep 17 00:00:00 2001
From: Akash Moradiya <64416825+akash3444@users.noreply.github.com>
Date: Thu, 23 Apr 2026 15:52:38 +0530
Subject: [PATCH] fix(ui): vertical alignment issues (#28944)

Co-authored-by: akash-moradiya <akash.moradiya@smallest.ai>
---
 .../modules/event-types/views/event-types-listing-view.tsx    | 2 +-
 apps/web/modules/settings/my-account/general-view.tsx         | 4 ++--
 packages/ui/components/form/inputs/TextField.tsx              | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/modules/event-types/views/event-types-listing-view.tsx b/apps/web/modules/event-types/views/event-types-listing-view.tsx
index e21020fc84..fd110c55a6 100644
--- a/apps/web/modules/event-types/views/event-types-listing-view.tsx
+++ b/apps/web/modules/event-types/views/event-types-listing-view.tsx
@@ -921,7 +921,7 @@ const CTA = ({ profileOptions }: { profileOptions: ProfileOption[] }) => {
       <TextField
         className="max-w-64"
         addOnLeading={<SearchIcon className="h-4 w-4 text-subtle" />}
-        containerClassName="max-w-64 focus:ring-offset-0!"
+        containerClassName="max-w-64 focus:ring-offset-0! *:mb-0"
         type="search"
         value={searchTerm}
         autoComplete="false"
diff --git a/apps/web/modules/settings/my-account/general-view.tsx b/apps/web/modules/settings/my-account/general-view.tsx
index 0b6b25a249..c2e430de7e 100644
--- a/apps/web/modules/settings/my-account/general-view.tsx
+++ b/apps/web/modules/settings/my-account/general-view.tsx
@@ -287,8 +287,8 @@ const GeneralView = ({ user, travelSchedules }: GeneralViewProps) => {
                 </>
               )}
             />
-            <div className="text-gray text-subtle mt-2 flex items-center text-xs">
-              <Icon name="info" className="mr-2" />
+            <div className="text-gray text-subtle mt-2 flex items-start text-xs">
+              <Icon name="info" className="mr-2 mt-0.25" />
               {t("timeformat_profile_hint")}
             </div>
             <Controller
diff --git a/packages/ui/components/form/inputs/TextField.tsx b/packages/ui/components/form/inputs/TextField.tsx
index 64e7b3145a..ffeef0b887 100644
--- a/packages/ui/components/form/inputs/TextField.tsx
+++ b/packages/ui/components/form/inputs/TextField.tsx
@@ -211,7 +211,7 @@ export const InputField = forwardRef<HTMLInputElement, InputFieldProps>(function
           {type === "search" && inputValue?.toString().length > 0 && (
             <Icon
               name="x"
-              className="text-subtle absolute top-2.5 h-4 w-4 cursor-pointer ltr:right-2 rtl:left-2"
+              className="text-subtle absolute top-1.75 h-4 w-4 cursor-pointer ltr:right-2 rtl:left-2"
               onClick={(e) => {
                 setInputValue("");
                 props.onChange?.(e as unknown as React.ChangeEvent<HTMLInputElement>);