1 files changed, 10 insertions, 3 deletions
diff --git a/extension/src/main.tsx b/extension/src/main.tsx
index d988d72..e545526 100644
--- a/extension/src/main.tsx
+++ b/extension/src/main.tsx
@@ -1,6 +1,7 @@
 import { createRoot } from 'react-dom/client'
 import './index.css'
 import Folder from "./Folder.tsx";
+import SettingsEditor from "./SettingsEditor.tsx";
 
 // @ts-ignore
 if (typeof browser === "undefined") {
@@ -8,9 +9,15 @@ if (typeof browser === "undefined") {
 }
 
 browser.bookmarks.getTree().then(tree => {
-    createRoot(document.getElementById('root')!).render(
-        // @ts-ignore
-        <Folder data={tree[0].children[0]} />
+    createRoot(document.body).render(
+        <>
+            <div id="settings-menu">
+                <SettingsEditor/>
+            </div>
+            <Folder data={     // @ts-ignore
+                tree[0].children[0]
+            }/>
+        </>
     )
 });