From 9f278deefd787643ae1e9c1a661b87f3d47e33ce Mon Sep 17 00:00:00 2001
From: gakshita <akshitagoyal1516@gmail.com>
Date: Thu, 21 Aug 2025 19:07:01 +0530
Subject: [PATCH] fix: refactor

---
 packages/propel/src/select/root.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/propel/src/select/root.tsx b/packages/propel/src/select/root.tsx
index d4a9d34496..8d70355487 100644
--- a/packages/propel/src/select/root.tsx
+++ b/packages/propel/src/select/root.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { Check, ChevronDown } from "lucide-react";
 // helpers
 import { cn } from "@plane/utils";
@@ -31,9 +30,14 @@ const CustomSelect = (props: ICustomSelectProps) => {
       <>
         {customButton ? (
           <Select.Trigger
-            className={`outline-none flex items-center justify-between gap-1 text-xs ${
-              disabled ? "cursor-not-allowed text-custom-text-200" : "cursor-pointer hover:bg-custom-background-80"
-            } ${customButtonClassName}`}
+            className={cn(
+              "outline-none flex items-center justify-between gap-1 text-xs",
+              {
+                "cursor-not-allowed text-custom-text-200": disabled,
+                "cursor-pointer hover:bg-custom-background-80": !disabled,
+              },
+              customButtonClassName
+            )}
           >
             {customButton}
           </Select.Trigger>
@@ -58,7 +62,7 @@ const CustomSelect = (props: ICustomSelectProps) => {
 
       <Select.Portal container={portalElement?.current}>
         <Select.Backdrop />
-        <Select.Positioner align="start">
+        <Select.Positioner align={placement}>
           <Select.ScrollUpArrow />
           <Select.Popup
             className={cn(