<CollapsibleTrigger className="w-full text-[rgb(221,103,95)]">
    <div className="flex justify-between">
        <div className="flex items-center">
            <TiTick className="p-0.5 bg-[#61b00f]  rounded-full text-white text-xl me-2" />
            <h5 className="text-black font-medium text-xl">Trip Details</h5>
        </div>
        <div>
            <IoIosArrowDown />
        </div>
   </div>

inside Trigger i have included 2 react icons. when clicking the element the two icon get rotate. i want only one icon that have default rotation. for icon, i want to disable it.

i tried setting the open and onOpenChange of the collapsible component. but also it didn’t work. the icons still rotate.