diff --git a/examples/lf-engine-browser/src/pages/extension/Control.tsx b/examples/lf-engine-browser/src/pages/extension/Control.tsx
index e46ccdac6..68a8224a3 100644
--- a/examples/lf-engine-browser/src/pages/extension/Control.tsx
+++ b/examples/lf-engine-browser/src/pages/extension/Control.tsx
@@ -4,7 +4,7 @@ import { Control } from '@logicflow/extension'
 import { useEffect, useRef } from 'react'
 
 import '@logicflow/core/es/index.css'
-// import '@logicflow/extension/es/index.css'
+// import '@logicflow/extension/es/index.less'
 
 const config: Partial<LogicFlow.Options> = {
   isSilentMode: false,
diff --git a/examples/lf-engine-browser/src/pages/extension/DndPanel.tsx b/examples/lf-engine-browser/src/pages/extension/DndPanel.tsx
index 216039972..660be3808 100644
--- a/examples/lf-engine-browser/src/pages/extension/DndPanel.tsx
+++ b/examples/lf-engine-browser/src/pages/extension/DndPanel.tsx
@@ -4,7 +4,7 @@ import { DndPanel } from '@logicflow/extension'
 import { useEffect, useRef } from 'react'
 
 import '@logicflow/core/es/index.css'
-// import '@logicflow/extension/es/index.css'
+// import '@logicflow/extension/es/index.less'
 
 const config: Partial<LogicFlow.Options> = {
   isSilentMode: false,
diff --git a/examples/lf-engine-browser/src/pages/extension/Menu.tsx b/examples/lf-engine-browser/src/pages/extension/Menu.tsx
index 4a6099336..4cd84ab44 100644
--- a/examples/lf-engine-browser/src/pages/extension/Menu.tsx
+++ b/examples/lf-engine-browser/src/pages/extension/Menu.tsx
@@ -4,7 +4,7 @@ import { Menu } from '@logicflow/extension'
 import { useEffect, useRef } from 'react'
 
 import '@logicflow/core/es/index.css'
-// import '@logicflow/extension/es/index.css'
+// import '@logicflow/extension/es/index.less'
 
 const config: Partial<LogicFlow.Options> = {
   isSilentMode: false,