diff --git a/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/Common/CollapseDelete.tsx b/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/Common/CollapseDelete.tsx
index f930fdb42..fc883d82a 100644
--- a/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/Common/CollapseDelete.tsx
+++ b/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/Common/CollapseDelete.tsx
@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from 'react';
+import React, { useState } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import { ChevronRight, Trash } from '@/components/ui/icons';
 import { useMemoizedFn } from '@/hooks';
@@ -135,13 +135,13 @@ const DropdownIcon: React.FC<{
   onClickDelete?: () => void;
   isDragging?: boolean;
 }> = React.memo(({ open, onToggleDropdown, onClickDelete, isDragging }) => {
-  const memoizedAnimation = useMemo(() => {
-    return {
-      initial: { rotate: 0 },
-      animate: { rotate: open ? 90 : 0 },
-      transition: { duration: ANIMATION_DURATION }
-    };
-  }, [open]);
+  // const memoizedAnimation = useMemo(() => {
+  //   return {
+  //     initial: { rotate: 0 },
+  //     animate: { rotate: open ? 90 : 0 },
+  //     transition: { duration: ANIMATION_DURATION }
+  //   };
+  // }, [open]);
 
   const onClickToggleDropdown = useMemoizedFn((e: React.MouseEvent<HTMLElement>) => {
     e.stopPropagation();
@@ -184,11 +184,14 @@ const DropdownIcon: React.FC<{
         variant="ghost"
         onClick={onClickToggleDropdown}
         prefix={
-          <motion.div
-            className={cn('flex items-center justify-center', isDragging && 'hidden!')}
-            {...memoizedAnimation}>
+          <div
+            className={cn(
+              'flex items-center justify-center transition-transform duration-200',
+              isDragging && 'hidden!',
+              open && 'rotate-90'
+            )}>
             <ChevronRight />
-          </motion.div>
+          </div>
         }></Button>
     </div>
   );