diff --git a/frontend/src/pages/Editor.tsx b/frontend/src/pages/Editor.tsx
index d31593c..328c95c 100644
--- a/frontend/src/pages/Editor.tsx
+++ b/frontend/src/pages/Editor.tsx
@@ -565,7 +565,8 @@ export const Editor: React.FC = () => {
                 value={newName}
                 onChange={(e) => setNewName(e.target.value)}
                 onBlur={() => setIsRenaming(false)}
-                className="font-medium text-gray-900 dark:text-white bg-transparent px-2 py-1 border-2 border-indigo-500 rounded-md outline-none"
+                className="font-medium text-gray-900 dark:text-white bg-transparent px-2 py-1 border-2 border-indigo-500 rounded-md outline-none min-w-[200px]"
+                style={{ width: `${Math.max(200, newName.length * 9 + 20)}px` }}
               />
             </form>
           ) : (