diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/schema-node.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/schema-node.tsx
index 96bbf999d..36671ab05 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/schema-node.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/schema-node.tsx
@@ -79,13 +79,13 @@ const SchemaNode: FC<SchemaNodeProps> = ({
   }
 
   const handleMouseEnter = () => {
-    if(!readOnly) return
+    if(readOnly) return
     if (advancedEditing || isAddingNewField) return
     setHoveringPropertyDebounced(path.join('.'))
   }
 
   const handleMouseLeave = () => {
-    if(!readOnly) return
+    if(readOnly) return
     if (advancedEditing || isAddingNewField) return
     setHoveringPropertyDebounced(null)
   }
@@ -95,7 +95,7 @@ const SchemaNode: FC<SchemaNodeProps> = ({
       <div className={classNames('relative z-10', indentPadding[depth])}>
         {depth > 0 && hasChildren && (
           <div className={classNames(
-            'flex items-center absolute top-0 w-5 h-7 px-0.5 z-10 bg-background-section-burn',
+            'absolute top-0 z-10 flex h-7 w-5 items-center bg-background-section-burn px-0.5',
             indentLeft[depth - 1],
           )}>
             <button
@@ -140,8 +140,8 @@ const SchemaNode: FC<SchemaNodeProps> = ({
       </div>
 
       <div className={classNames(
-        'flex justify-center w-5 absolute z-0',
-        schema.description ? 'h-[calc(100%-3rem)] top-12' : 'h-[calc(100%-1.75rem)] top-7',
+        'absolute z-0 flex w-5 justify-center',
+        schema.description ? 'top-12 h-[calc(100%-3rem)]' : 'top-7 h-[calc(100%-1.75rem)]',
         indentLeft[depth],
       )}>
         <Divider