diff --git a/apps/demo-free-layout/src/components/node-panel/node-list.tsx b/apps/demo-free-layout/src/components/node-panel/node-list.tsx
index b62985e16..5316ec366 100644
--- a/apps/demo-free-layout/src/components/node-panel/node-list.tsx
+++ b/apps/demo-free-layout/src/components/node-panel/node-list.tsx
@@ -19,7 +19,7 @@ const NodeWrap = styled.div`
   &:hover {
     background-color: hsl(252deg 62% 55% / 9%);
     color: hsl(252 62% 54.9%);
-  },
+  }
 `;
 
 const NodeLabel = styled.div`
diff --git a/apps/demo-free-layout/src/components/tools/switch-line.tsx b/apps/demo-free-layout/src/components/tools/switch-line.tsx
index ecddd9b62..b68cf68bd 100644
--- a/apps/demo-free-layout/src/components/tools/switch-line.tsx
+++ b/apps/demo-free-layout/src/components/tools/switch-line.tsx
@@ -1,12 +1,11 @@
 import { useCallback } from 'react';
 
-import { usePlayground, useService, WorkflowLinesManager } from '@flowgram.ai/free-layout-editor';
+import { useService, WorkflowLinesManager } from '@flowgram.ai/free-layout-editor';
 import { IconButton, Tooltip } from '@douyinfe/semi-ui';
 
 import { IconSwitchLine } from '../../assets/icon-switch-line';
 
 export const SwitchLine = () => {
-  const playground = usePlayground();
   const linesManager = useService(WorkflowLinesManager);
   const switchLine = useCallback(() => {
     linesManager.switchLineType();
@@ -14,13 +13,7 @@ export const SwitchLine = () => {
 
   return (
     <Tooltip content={'Switch Line'}>
-      <IconButton
-        disabled={playground.config.readonly}
-        type="tertiary"
-        theme="borderless"
-        onClick={switchLine}
-        icon={IconSwitchLine}
-      />
+      <IconButton type="tertiary" theme="borderless" onClick={switchLine} icon={IconSwitchLine} />
     </Tooltip>
   );
 };