diff --git a/libs/remix-ui/workspace/src/lib/components/file-recursive-tree-item.tsx b/libs/remix-ui/workspace/src/lib/components/file-recursive-tree-item.tsx
index f2f5082c55..aeebde8bb6 100644
--- a/libs/remix-ui/workspace/src/lib/components/file-recursive-tree-item.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/file-recursive-tree-item.tsx
@@ -1,7 +1,7 @@
 import { getPathIcon } from "@remix-ui/helper";
 import React, { useEffect, useState } from "react";
 import { FileType, WorkspaceElement } from "../types";
-import { RecursiveItemInput } from "./file-recursive-item-input";
+import { FlatTreeItemInput } from "./flat-tree-item-input";
 
 interface RecursiveTreeItemProps {
   file: FileType
@@ -44,7 +44,7 @@ export const RecursiveTreeItem = (props: RecursiveTreeItemProps) => {
         >
           <div className={`pr-2 pl-2 ${file.isDirectory ? expandPath && expandPath.includes(file.path) ? 'fa fa-folder-open' : 'fa fa-folder' : getPathIcon(file.path)} caret caret_tv`}></div>
           {focusEdit && file.path && focusEdit.element === file.path ? 
-            <RecursiveItemInput editModeOff={editModeOff} file={file}/>:
+            <FlatTreeItemInput editModeOff={editModeOff} file={file}/>:
             <span draggable="true" className="ml-1 pl-2" data-label-type={file.isDirectory ? 'folder' : 'file'} data-label-path={`${file.path}`}>{file.name}</span>}
         </div>
         <ul className="ul_tv ml-0 pl-1" >
diff --git a/libs/remix-ui/workspace/src/lib/components/file-recursive-item-input.tsx b/libs/remix-ui/workspace/src/lib/components/flat-tree-item-input.tsx
similarity index 92%
rename from libs/remix-ui/workspace/src/lib/components/file-recursive-item-input.tsx
rename to libs/remix-ui/workspace/src/lib/components/flat-tree-item-input.tsx
index 47097f2707..82ee877c74 100644
--- a/libs/remix-ui/workspace/src/lib/components/file-recursive-item-input.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/flat-tree-item-input.tsx
@@ -1,12 +1,12 @@
 import React, { useState, useRef, useEffect } from "react"
 import { FileType } from "../types"
 
-interface RecursiveItemInputProps {
+interface FlatTreeItemInputProps {
   file: FileType
   editModeOff: (content: string) => void
 }
 
-export const RecursiveItemInput = (props: RecursiveItemInputProps) => {
+export const FlatTreeItemInput = (props: FlatTreeItemInputProps) => {
   const { file, editModeOff } = props
   const [value, setValue] = useState<string>(file.name)
   const ref = useRef(null)
diff --git a/libs/remix-ui/workspace/src/lib/components/flat-tree.tsx b/libs/remix-ui/workspace/src/lib/components/flat-tree.tsx
index 9a4f8234ec..868e7c3e28 100644
--- a/libs/remix-ui/workspace/src/lib/components/flat-tree.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/flat-tree.tsx
@@ -4,7 +4,7 @@ import { FileType, WorkspaceElement } from '../types'
 import { ROOT_PATH } from '../utils/constants'
 import { getPathIcon } from '@remix-ui/helper';
 import { Virtuoso } from 'react-virtuoso'
-import { RecursiveItemInput } from './file-recursive-item-input';
+import { FlatTreeItemInput } from './flat-tree-item-input';
 import { FlatTreeDrop } from './flat-tree-drop';
 import { getEventTarget } from '../utils/getEventTarget';
 import { fileDecoration } from '@remix-ui/file-decorators';
@@ -185,7 +185,7 @@ export const FlatTree = (props: FlatTreeProps) => {
       
       <div className={`pr-2 pl-2 ${file.isDirectory ? expandPath && expandPath.includes(file.path) ? 'fa fa-folder-open' : 'fa fa-folder' : getPathIcon(file.path)} caret caret_tv`}></div>
       {focusEdit && file.path && focusEdit.element === file.path ? 
-        <RecursiveItemInput editModeOff={editModeOff} file={file}/>:
+        <FlatTreeItemInput editModeOff={editModeOff} file={file}/>:
         <div draggable={true} onDragStart={onDragStart} onDragEnd={onDragEnd} className={`ml-1 pl-2 text-nowrap remixui_leaf ${getFileStateClasses(file)}`} data-label-type={file.isDirectory ? 'folder' : 'file'} data-label-path={`${file.path}`} key={index}>{file.name}
         </div>}
     </li>)