diff --git a/package-lock.json b/package-lock.json
index c43fb27..3a73016 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3850,25 +3850,6 @@
         "tslib": "^2.4.0"
       }
     },
-    "node_modules/@testing-library/dom": {
-      "version": "9.3.3",
-      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.3.tgz",
-      "integrity": "sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==",
-      "peer": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.10.4",
-        "@babel/runtime": "^7.12.5",
-        "@types/aria-query": "^5.0.1",
-        "aria-query": "5.1.3",
-        "chalk": "^4.1.0",
-        "dom-accessibility-api": "^0.5.9",
-        "lz-string": "^1.5.0",
-        "pretty-format": "^27.0.2"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/@testing-library/jest-dom": {
       "version": "5.17.0",
       "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.17.0.tgz",
@@ -16615,19 +16596,6 @@
         "is-typedarray": "^1.0.0"
       }
     },
-    "node_modules/typescript": {
-      "version": "4.9.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
-      "peer": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=4.2.0"
-      }
-    },
     "node_modules/unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
diff --git a/src/components/Text.jsx b/src/components/Text.jsx
index 1600cb1..2a9fa52 100644
--- a/src/components/Text.jsx
+++ b/src/components/Text.jsx
@@ -3,14 +3,14 @@ import Draggable from "react-draggable";
 const Text = () => {
   const [editMode, setEditMode] = useState(false);
   const [val, setVal] = useState("Double Click to Edit");
-
+  const [text,setText] = useState("");
   return (
     <Draggable>
       {editMode ? (
-        <input
+        <textarea
           onDoubleClick={(e) => setEditMode(false)}
-          value={val}
-          onChange={(e) => setVal(e.target.value)}
+          value={text}
+          onChange={(e) => setText(e.target.value)}
         />
       ) : (
         <h2 onDoubleClick={(e) => setEditMode(true)}>{val}</h2>