From d65c0753efc9da9df222f1cf6400a5c8ce149368 Mon Sep 17 00:00:00 2001
From: Pallav <90088723+Pallava-Joshi@users.noreply.github.com>
Date: Tue, 9 Sep 2025 21:32:43 +0530
Subject: [PATCH] conventional left aligned dropdown (#23643)

Co-authored-by: Kartik Saini <41051387+kart1ka@users.noreply.github.com>
---
 packages/ui/components/dropdown/Dropdown.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/components/dropdown/Dropdown.tsx b/packages/ui/components/dropdown/Dropdown.tsx
index bf68f9cfcd..9d914e9346 100644
--- a/packages/ui/components/dropdown/Dropdown.tsx
+++ b/packages/ui/components/dropdown/Dropdown.tsx
@@ -171,7 +171,7 @@ export const DropdownItem = (props: DropdownItemProps) => {
       )}>
       <>
         {CustomStartIcon || (StartIcon && <Icon name={StartIcon} className="mr-1 h-4 w-4" />)}
-        <div className={classNames("w-fit text-sm font-medium leading-none", childrenClassName)}>
+        <div className={classNames("w-full text-left text-sm font-medium leading-none", childrenClassName)}>
           {children}
         </div>
         {EndIcon && <Icon name={EndIcon} className="h-4 w-4" />}