From 54f0527558191fda98cdb6c5d3771dc05b0f4df4 Mon Sep 17 00:00:00 2001
From: akash-moradiya <akash.moradiya@smallest.ai>
Date: Mon, 20 Apr 2026 23:00:32 +0530
Subject: [PATCH] fix(ui): vertical alignment issues

---
 .../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 e21020fc847a0d..fd110c55a69d63 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 0b6b25a249b50e..c2e430de7e8dd6 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 64e7b3145a048c..ffeef0b88797e2 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>);