diff --git a/.dumi/theme/slots/Content/index.tsx b/.dumi/theme/slots/Content/index.tsx
index 20d69b4018..b1825cf9cb 100644
--- a/.dumi/theme/slots/Content/index.tsx
+++ b/.dumi/theme/slots/Content/index.tsx
@@ -7,6 +7,7 @@ import DayJS from 'dayjs';
import { FormattedMessage, useIntl, useRouteMeta, useTabMeta } from 'dumi';
import type { ReactNode } from 'react';
import React, { useContext, useLayoutEffect, useMemo, useState } from 'react';
+import useLayoutState from '../../../hooks/useLayoutState';
import useLocation from '../../../hooks/useLocation';
import useSiteToken from '../../../hooks/useSiteToken';
import EditButton from '../../common/EditButton';
@@ -15,7 +16,6 @@ import type { DemoContextProps } from '../DemoContext';
import DemoContext from '../DemoContext';
import Footer from '../Footer';
import SiteContext from '../SiteContext';
-import useLayoutState from '../../../hooks/useLayoutState';
const useStyle = () => {
const { token } = useSiteToken();
@@ -27,6 +27,7 @@ const useStyle = () => {
display: flex;
flex-wrap: wrap;
margin-top: 120px !important;
+ clear: both;
a,
${antCls}-avatar + ${antCls}-avatar {
transition: all ${token.motionDurationSlow};
diff --git a/docs/spec/direct.en-US.md b/docs/spec/direct.en-US.md
index 982bc57f6d..3cda611aa8 100644
--- a/docs/spec/direct.en-US.md
+++ b/docs/spec/direct.en-US.md
@@ -36,7 +36,7 @@ If the priority is given to 「readability」 and the 「editability」 of opera
Multi-Field Inline Edit
-> Note:In「Multi-Field Inline Edit」, there are huge different between the content and required field, So it is more needed to use the [「Explain What Just Happened」](../docs/spec/transition#解释刚刚发生了什么) in 「Use Transition」to eliminate this visual effects.
+> Note:In「Multi-Field Inline Edit」, there are huge different between the content and required field, So it is more needed to use the [「Explain What Just Happened」](/docs/spec/transition#解释刚刚发生了什么) in 「Use Transition」to eliminate this visual effects.
diff --git a/docs/spec/direct.zh-CN.md b/docs/spec/direct.zh-CN.md
index 323fa70388..e2fc903c05 100644
--- a/docs/spec/direct.zh-CN.md
+++ b/docs/spec/direct.zh-CN.md
@@ -35,7 +35,7 @@ title: 直截了当
多字段行内编辑
-> 注:在「多字段行内编辑」的情况下,显示的内容和编辑时所需的字段会存在比较大的差异,所以更需要「巧用过渡」原则中的[「解释刚刚发生了什么」](../docs/spec/transition#解释刚刚发生了什么)来消除这种视觉影响。
+> 注:在「多字段行内编辑」的情况下,显示的内容和编辑时所需的字段会存在比较大的差异,所以更需要「巧用过渡」原则中的[「解释刚刚发生了什么」](/docs/spec/transition#解释刚刚发生了什么)来消除这种视觉影响。