diff --git a/src/components/flow/Cell/index.tsx b/src/components/flow/Cell/index.tsx
index a63fd78a..9441171b 100644
--- a/src/components/flow/Cell/index.tsx
+++ b/src/components/flow/Cell/index.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useState, useCallback } from 'react';
+import React, { FC, useState, useCallback, useEffect } from 'react';
 import { INode } from '~/redux/types';
 import { getURL } from '~/utils/dom';
 import classNames from 'classnames';
diff --git a/src/components/flow/Cell/styles.scss b/src/components/flow/Cell/styles.scss
index bda847f0..479774a4 100644
--- a/src/components/flow/Cell/styles.scss
+++ b/src/components/flow/Cell/styles.scss
@@ -251,6 +251,8 @@
   justify-content: center;
   display: flex;
   flex-direction: column;
+  transition: opacity 0.5s;
+  will-change: opacity;
 
   & > * {
     margin-top: $gap;