diff --git a/.vscode/settings.json b/.vscode/settings.json
index f9f2cecc..819b4734 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -30,6 +30,7 @@
     "dockview",
     "esmodule",
     "fflate",
+    "githubocto",
     "grammarly",
     "Gridview",
     "heroicons",
diff --git a/packages/ide/src/components/FileTree.tsx b/packages/ide/src/components/FileTree.tsx
index 2172244e..7c1d01e2 100644
--- a/packages/ide/src/components/FileTree.tsx
+++ b/packages/ide/src/components/FileTree.tsx
@@ -20,7 +20,7 @@ export function FileTree() {
         index: 'root',
         canMove: true,
         isFolder: true,
-        children: Object.keys(items),
+        children: fileList.map(f => f.name),
         data: { type: 'dir', name: 'root', path: '/', children: [] },
         canRename: false,
     }
@@ -71,6 +71,7 @@ export function FileTree() {
             dataProvider={dataProvider}
             getItemTitle={item => item.data.name}
             viewState={{}}
+            canSearch={false}
             renderItemTitle={renderItemTitle}
             onPrimaryAction={handlePrimaryAction}
             onRenameItem={handleRenameItem}
diff --git a/packages/ide/src/styles/theme.css b/packages/ide/src/styles/theme.css
index 5976cc21..39d0cd97 100644
--- a/packages/ide/src/styles/theme.css
+++ b/packages/ide/src/styles/theme.css
@@ -174,18 +174,10 @@
 
     --rct-arrow-size: 12px;
     --rct-arrow-container-size: 16px;
-    --rct-arrow-padding: 8px;
+    --rct-arrow-padding: 4px;
     --rct-bar-width: 0; /* disable the bar */
-    --rct-item-padding: 0px;
-    --rct-radius: 0px; /* disable the radius */
-}
-
-.rct-tree-item-button {
-    margin-left: calc(-1 * var(--rct-arrow-size) - 8px);
-}
-
-.rct-tree-item-arrow {
-    margin-right: calc(-1 * var(--rct-arrow-container-size) + var(--rct-arrow-padding) + 8px);
+    --rct-item-padding: 8px;
+    --rct-radius: 0; /* disable the radius */
 }