fix position of chevron icon

packages/ui/components/popover/AnimatedPopover.tsx

@@ -43,9 +43,7 @@ export const AnimatedPopover = ({
       <Popover.Trigger asChild>
         <div
           ref={ref}
-          className="item-center  mb-2 flex h-9 max-h-72 justify-between overflow-y-scroll whitespace-nowrap rounded-md border border-gray-300
-          py-2 px-3 text-sm placeholder:text-gray-400
-          hover:cursor-pointer hover:border-gray-400 focus:border-neutral-300 focus:outline-none focus:ring-2 focus:ring-neutral-800 focus:ring-offset-1">
+          className="item-center mb-2 flex h-9 max-h-72 justify-between overflow-y-scroll whitespace-nowrap rounded-md border border-gray-300 px-3 py-2 text-sm placeholder:text-gray-400 hover:cursor-pointer hover:border-gray-400 focus:border-neutral-300 focus:outline-none focus:ring-2 focus:ring-neutral-800 focus:ring-offset-1">
           <div className="max-w-36 flex items-center">
             <div className="truncate">
               {text}
@@ -54,7 +52,7 @@ export const AnimatedPopover = ({
               )}
             </div>
             <FiChevronDown
-              className={classNames("mt-auto ml-2 transition-transform duration-150", open && "rotate-180")}
+              className={classNames("ml-2 transition-transform duration-150", open && "rotate-180")}
             />
           </div>
         </div>