diff --git a/.dumi/global.scss b/.dumi/global.scss
index f8a0d734..a3e3ecf1 100644
--- a/.dumi/global.scss
+++ b/.dumi/global.scss
@@ -1,14 +1,4 @@
 @import '../packages/react-ui/src/index';
-.transition-box {
-  position: relative;
-  margin: auto;
-  width: 200px;
-  height: 60px;
-}
-.transition-box > div {
-  position: absolute;
-  width: 200px;
-}
 .markdown {
   td:not(:first-child) {
     word-break: break-word;
diff --git a/packages/components/src/transition/demo/adpter.tsx b/packages/components/src/transition/demo/adpter.tsx
index cd81c82e..4b6d0465 100644
--- a/packages/components/src/transition/demo/adpter.tsx
+++ b/packages/components/src/transition/demo/adpter.tsx
@@ -6,6 +6,7 @@
 
 import { transitionCBAdapter, Transition, Button } from '@tool-pack/react-ui';
 import React, { useReducer } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {
diff --git a/packages/components/src/transition/demo/all.tsx b/packages/components/src/transition/demo/all.tsx
index 0ba41b66..bfadc783 100644
--- a/packages/components/src/transition/demo/all.tsx
+++ b/packages/components/src/transition/demo/all.tsx
@@ -5,6 +5,7 @@
 
 import { Transition, Button } from '@tool-pack/react-ui';
 import React, { useReducer } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {
diff --git a/packages/components/src/transition/demo/appear.tsx b/packages/components/src/transition/demo/appear.tsx
index 54226371..a95cf565 100644
--- a/packages/components/src/transition/demo/appear.tsx
+++ b/packages/components/src/transition/demo/appear.tsx
@@ -5,6 +5,7 @@
 
 import { Transition, Button, Space } from '@tool-pack/react-ui';
 import React, { useState } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {
diff --git a/packages/components/src/transition/demo/basic.tsx b/packages/components/src/transition/demo/basic.tsx
index d646ec93..f9f7fb4c 100644
--- a/packages/components/src/transition/demo/basic.tsx
+++ b/packages/components/src/transition/demo/basic.tsx
@@ -6,6 +6,7 @@
 
 import { Transition, Button } from '@tool-pack/react-ui';
 import React, { useReducer } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {
diff --git a/packages/components/src/transition/demo/expired.tsx b/packages/components/src/transition/demo/expired.tsx
index 2dd36ab3..44312792 100644
--- a/packages/components/src/transition/demo/expired.tsx
+++ b/packages/components/src/transition/demo/expired.tsx
@@ -7,6 +7,7 @@
 
 import { transitionCBAdapter, Transition, Button } from '@tool-pack/react-ui';
 import React, { useReducer } from 'react';
+import './base.scss';
 
 const App: React.FC = () => {
   const [visible, setVisible] = useReducer((prevState) => !prevState, true);
diff --git a/packages/components/src/transition/demo/mode.tsx b/packages/components/src/transition/demo/mode.tsx
index 22c9b052..ddf6224f 100644
--- a/packages/components/src/transition/demo/mode.tsx
+++ b/packages/components/src/transition/demo/mode.tsx
@@ -7,6 +7,7 @@
 
 import { Transition, Button } from '@tool-pack/react-ui';
 import React, { useReducer } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {
diff --git a/packages/components/src/transition/demo/on.tsx b/packages/components/src/transition/demo/on.tsx
index fe537303..eafaf1ec 100644
--- a/packages/components/src/transition/demo/on.tsx
+++ b/packages/components/src/transition/demo/on.tsx
@@ -12,6 +12,7 @@ import {
   Button,
 } from '@tool-pack/react-ui';
 import React, { useReducer } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {
diff --git a/packages/components/src/transition/demo/show-appear.tsx b/packages/components/src/transition/demo/show-appear.tsx
index d64a87da..829c6a50 100644
--- a/packages/components/src/transition/demo/show-appear.tsx
+++ b/packages/components/src/transition/demo/show-appear.tsx
@@ -8,6 +8,7 @@
 
 import { Transition, Button, Space } from '@tool-pack/react-ui';
 import React, { useReducer, useState } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {
diff --git a/packages/components/src/transition/demo/show.tsx b/packages/components/src/transition/demo/show.tsx
index 06fd7104..3bfff2c0 100644
--- a/packages/components/src/transition/demo/show.tsx
+++ b/packages/components/src/transition/demo/show.tsx
@@ -8,6 +8,7 @@
 
 import { Transition, Button, Space } from '@tool-pack/react-ui';
 import React, { useReducer, useState } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {