From e9b26921da6d34f3fa1907d95ab552738b697b5c Mon Sep 17 00:00:00 2001
From: Faiz <mohdfaiz8101@gmail.com>
Date: Wed, 28 May 2025 18:07:16 +0530
Subject: [PATCH] fix: misaligned and undersized tick mark in timezone dropdown
 (#21550)

---
 .../features/components/timezone-select/TimezoneSelect.tsx    | 2 +-
 packages/ui/components/form/select/components.tsx             | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/features/components/timezone-select/TimezoneSelect.tsx b/packages/features/components/timezone-select/TimezoneSelect.tsx
index eaa8e7fcb6..e6d2c915be 100644
--- a/packages/features/components/timezone-select/TimezoneSelect.tsx
+++ b/packages/features/components/timezone-select/TimezoneSelect.tsx
@@ -140,7 +140,7 @@ export function TimezoneSelectComponent({
           ),
         option: (state) =>
           classNames(
-            "bg-default flex cursor-pointer justify-between py-2.5 px-3 rounded-md text-default ",
+            "bg-default py-2.5 px-3 rounded-md text-default ",
             state.isFocused && "bg-subtle",
             state.isDisabled && "bg-muted",
             state.isSelected && "bg-emphasis text-default",
diff --git a/packages/ui/components/form/select/components.tsx b/packages/ui/components/form/select/components.tsx
index f775cfe36c..d4e50c067f 100644
--- a/packages/ui/components/form/select/components.tsx
+++ b/packages/ui/components/form/select/components.tsx
@@ -45,8 +45,8 @@ export const OptionComponent = <
   return (
     // This gets styled in the select classNames prop now - handles overrides with styles vs className here doesn't
     <reactSelectComponents.Option {...props}>
-      <div className="flex">
-        <span className="mr-auto" data-testid={`select-option-${(props as unknown as ExtendedOption).value}`}>
+      <div className="flex items-center justify-between">
+        <span className="w-full" data-testid={`select-option-${(props as unknown as ExtendedOption).value}`}>
           {props.label || <>&nbsp;</>}
         </span>
         {(props.data as unknown as ExtendedOption).needsTeamsUpgrade ? (