diff --git a/packages/slate-editor/src/components/Accordion/Accordion.module.scss b/packages/slate-editor/src/components/Accordion/Accordion.module.scss
index d0266bb63..4f8756db7 100644
--- a/packages/slate-editor/src/components/Accordion/Accordion.module.scss
+++ b/packages/slate-editor/src/components/Accordion/Accordion.module.scss
@@ -29,7 +29,7 @@
 
 .icon {
     fill: $white;
-    transition: transform 0.3s ease-in;
+    transition: transform 0.1s ease-in-out;
 
     &.open {
         transform: rotate(180deg);
diff --git a/packages/slate-editor/src/components/Accordion/Accordion.tsx b/packages/slate-editor/src/components/Accordion/Accordion.tsx
index ee1f02b5d..32727e832 100644
--- a/packages/slate-editor/src/components/Accordion/Accordion.tsx
+++ b/packages/slate-editor/src/components/Accordion/Accordion.tsx
@@ -21,13 +21,11 @@ export function Accordion({ title, children }: Props) {
         <div className={styles.Accordion}>
             <button className={styles.button} onClick={toggleOpen}>
                 <span>{title}</span>
-                {
-                    <Caret
-                        className={classNames(styles.icon, {
-                            [styles.open]: isOpen,
-                        })}
-                    />
-                }
+                <Caret
+                    className={classNames(styles.icon, {
+                        [styles.open]: isOpen,
+                    })}
+                />
             </button>
             <div
                 className={classNames(styles.content, {