diff --git a/nose/bin/edit.ts b/nose/bin/edit.tsx
similarity index 82%
rename from nose/bin/edit.ts
rename to nose/bin/edit.tsx
index 8183c32..275e471 100644
--- a/nose/bin/edit.ts
+++ b/nose/bin/edit.tsx
@@ -45,13 +45,10 @@ async function readFile(path: string): Promise<CommandOutput> {
   const text = await file.text()
   const rows = countChar(text, "\n") + 1
 
-  return {
-    html: `<textarea class="editor" spellcheck="false" rows=${rows} data-path="${path}">${text}</textarea>`
-  }
+  return <textarea class="editor" spellcheck={false} rows={rows} data-path={path}>{text}</textarea>
+
 }
 
-function newFile(path: string): CommandOutput {
-  return {
-    html: `<textarea class="editor" spellcheck="false" rows=1 data-path="${path}"></textarea>`
-  }
+async function newFile(path: string): Promise<CommandOutput> {
+  return <textarea class="editor" spellcheck={false} rows={1} data-path={path}></textarea>
 }
diff --git a/src/css/editor.css b/src/css/editor.css
index 604dd74..3664dfe 100644
--- a/src/css/editor.css
+++ b/src/css/editor.css
@@ -2,6 +2,7 @@
   width: 100%;
   background-color: transparent;
   border: none;
+  resize: none;
 }
 
 .editor:focus {