diff --git a/src/renderer/src/components/CodeBlockView/CodePreview.tsx b/src/renderer/src/components/CodeBlockView/CodePreview.tsx
index 0ae6a14fe..55a10d553 100644
--- a/src/renderer/src/components/CodeBlockView/CodePreview.tsx
+++ b/src/renderer/src/components/CodeBlockView/CodePreview.tsx
@@ -204,7 +204,7 @@ const ShikiTokensRenderer: React.FC<ShikiTokensRendererProps> = memo(({ language
   const rendererRef = useRef<HTMLPreElement>(null)
 
   // 设置 pre 标签属性
-  useEffect(() => {
+  useLayoutEffect(() => {
     getShikiPreProperties(language).then((properties) => {
       const pre = rendererRef.current
       if (pre) {