diff --git a/.gitignore b/.gitignore
deleted file mode 100644
index b512c09..0000000
--- a/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-node_modules
\ No newline at end of file
diff --git a/app.css b/app.css
index 1dc7ccd..287a5c5 100644
--- a/app.css
+++ b/app.css
@@ -341,6 +341,7 @@ dialog {
   background-color: var(--component-background);
   border-radius: calc(var(--radius) / 2);
   line-height: 1.5;
+  font-size: 0.95rem;
   color: var(--text-color);
 }
 
diff --git a/app.html b/app.html
index 6a210f6..0b82e75 100644
--- a/app.html
+++ b/app.html
@@ -171,7 +171,6 @@
     </footer>
     <!-- /.footer -->
 
-    <script src="libs/autosize/autosize.min.js"></script>
     <script type="module" src="app.js"></script>
   </body>
   <!-- /.h-100 w-100 py-2 -->
diff --git a/app.js b/app.js
index bcf82a0..06e27a6 100644
--- a/app.js
+++ b/app.js
@@ -5,6 +5,7 @@ import {
   decodeVariable,
   downloadAsTextFile,
   dialog,
+  autoResizeTextarea,
 } from "./helper.js";
 import { chromeGetData, chromeSetData } from "./chrome.js";
 
@@ -32,8 +33,6 @@ function loadEventListeners() {
   const saveTimeout = 500;
   let typingTimer;
 
-  autosize($notes);
-
   $copyToClipboard.addEventListener("click", function () {
     if ($notes.value.length < 1) {
       dialog({
@@ -45,7 +44,8 @@ function loadEventListeners() {
     }
     copyToClipboard($notes, function () {
       dialog({
-        content: "Copied, you're all set to send it anywhere you want!",
+        content:
+          "Copied to clipboard, you're all set to send it anywhere you want.",
         type: "alert",
       });
       console.log("Copied!");
@@ -70,7 +70,7 @@ function loadEventListeners() {
 
     dialog({
       content: `
-          Are you sure you want to use your template for your notes now? This will override your current notes.
+          Are you sure you want to use your Notes template now? This will override your current notes.
       `,
       confirmCallback: () => {
         loadNotesTemplate();
@@ -103,8 +103,7 @@ async function loadNotesTemplate() {
   if (notesTemplate) {
     $notes.value = decodeVariable(notesTemplate);
 
-    autosize.update($notes);
-
+    autoResizeTextarea($notes);
     saveNotes();
 
     console.log("I won't feel a thing");
@@ -188,7 +187,7 @@ async function restoreSettings() {
       $notes.value = notesTemplate;
       $notesCurrentChars.innerHTML = maxNotesChars - $notes.value.length;
 
-      autosize.update($notes);
+      autoResizeTextarea($notes);
       saveNotes(); // Save currently loaded template as notes
       return;
     }
@@ -197,7 +196,7 @@ async function restoreSettings() {
     $notes.value = notes;
     $notesCurrentChars.innerHTML = maxNotesChars - $notes.value.length;
 
-    autosize.update($notes);
+    autoResizeTextarea($notes);
     return;
   }
 
@@ -207,5 +206,5 @@ async function restoreSettings() {
   $notes.value = notes;
   $notesCurrentChars.innerHTML = maxNotesChars - $notes.value.length;
 
-  autosize.update($notes);
+  autoResizeTextarea($notes);
 }
diff --git a/helper.js b/helper.js
index f74e87b..d410360 100644
--- a/helper.js
+++ b/helper.js
@@ -188,6 +188,20 @@ const showElement = ($element) => {
   $element.style.display = "";
 };
 
+const resizeTextareaHandler = (e) => {
+  const $this = e.target ?? e;
+
+  $this.style.height = `auto`;
+  $this.style.height = `${$this.scrollHeight}px`;
+  $this.style.resize = `none`;
+};
+
+const autoResizeTextarea = ($textarea) => {
+  resizeTextareaHandler($textarea);
+
+  $textarea.addEventListener("input", resizeTextareaHandler, false);
+};
+
 export {
   copyToClipboard,
   getCurrentFullDate,
@@ -198,4 +212,5 @@ export {
   decodeVariable,
   downloadAsTextFile,
   dialog,
+  autoResizeTextarea,
 };
diff --git a/libs/autosize/autosize.min.js b/libs/autosize/autosize.min.js
deleted file mode 100644
index 4d9b4e9..0000000
--- a/libs/autosize/autosize.min.js
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
-	autosize 4.0.2
-	license: MIT
-	http://www.jacklmoore.com/autosize
-*/
-!function(e,t){if("function"==typeof define&&define.amd)define(["module","exports"],t);else if("undefined"!=typeof exports)t(module,exports);else{var n={exports:{}};t(n,n.exports),e.autosize=n.exports}}(this,function(e,t){"use strict";var n,o,p="function"==typeof Map?new Map:(n=[],o=[],{has:function(e){return-1<n.indexOf(e)},get:function(e){return o[n.indexOf(e)]},set:function(e,t){-1===n.indexOf(e)&&(n.push(e),o.push(t))},delete:function(e){var t=n.indexOf(e);-1<t&&(n.splice(t,1),o.splice(t,1))}}),c=function(e){return new Event(e,{bubbles:!0})};try{new Event("test")}catch(e){c=function(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!1),t}}function r(r){if(r&&r.nodeName&&"TEXTAREA"===r.nodeName&&!p.has(r)){var e,n=null,o=null,i=null,d=function(){r.clientWidth!==o&&a()},l=function(t){window.removeEventListener("resize",d,!1),r.removeEventListener("input",a,!1),r.removeEventListener("keyup",a,!1),r.removeEventListener("autosize:destroy",l,!1),r.removeEventListener("autosize:update",a,!1),Object.keys(t).forEach(function(e){r.style[e]=t[e]}),p.delete(r)}.bind(r,{height:r.style.height,resize:r.style.resize,overflowY:r.style.overflowY,overflowX:r.style.overflowX,wordWrap:r.style.wordWrap});r.addEventListener("autosize:destroy",l,!1),"onpropertychange"in r&&"oninput"in r&&r.addEventListener("keyup",a,!1),window.addEventListener("resize",d,!1),r.addEventListener("input",a,!1),r.addEventListener("autosize:update",a,!1),r.style.overflowX="hidden",r.style.wordWrap="break-word",p.set(r,{destroy:l,update:a}),"vertical"===(e=window.getComputedStyle(r,null)).resize?r.style.resize="none":"both"===e.resize&&(r.style.resize="horizontal"),n="content-box"===e.boxSizing?-(parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)):parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth),isNaN(n)&&(n=0),a()}function s(e){var t=r.style.width;r.style.width="0px",r.offsetWidth,r.style.width=t,r.style.overflowY=e}function u(){if(0!==r.scrollHeight){var e=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}(r),t=document.documentElement&&document.documentElement.scrollTop;r.style.height="",r.style.height=r.scrollHeight+n+"px",o=r.clientWidth,e.forEach(function(e){e.node.scrollTop=e.scrollTop}),t&&(document.documentElement.scrollTop=t)}}function a(){u();var e=Math.round(parseFloat(r.style.height)),t=window.getComputedStyle(r,null),n="content-box"===t.boxSizing?Math.round(parseFloat(t.height)):r.offsetHeight;if(n<e?"hidden"===t.overflowY&&(s("scroll"),u(),n="content-box"===t.boxSizing?Math.round(parseFloat(window.getComputedStyle(r,null).height)):r.offsetHeight):"hidden"!==t.overflowY&&(s("hidden"),u(),n="content-box"===t.boxSizing?Math.round(parseFloat(window.getComputedStyle(r,null).height)):r.offsetHeight),i!==n){i=n;var o=c("autosize:resized");try{r.dispatchEvent(o)}catch(e){}}}}function i(e){var t=p.get(e);t&&t.destroy()}function d(e){var t=p.get(e);t&&t.update()}var l=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((l=function(e){return e}).destroy=function(e){return e},l.update=function(e){return e}):((l=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],function(e){return r(e)}),e}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],i),e},l.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],d),e}),t.default=l,e.exports=t.default});
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
index e0e92a2..5d417ea 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,6 +1,6 @@
 {
   "name": "daylight",
-  "version": "0.1.0",
+  "version": "0.4.0",
   "manifest_version": 2,
   "description": "Write down notes directly on the new tab page of your Google Chrome browser.",
   "author": "Noel Earvin Piamonte",
diff --git a/settings.html b/settings.html
index e1b3f64..0495df0 100644
--- a/settings.html
+++ b/settings.html
@@ -59,7 +59,7 @@ <h1 class="mb-1">Settings</h1>
               </div>
               <!-- /.mb-1 -->
               <div class="textarea-with-toolbar pt-0">
-                <label for="app-notes-template">Template</label>
+                <label for="app-notes-template">Notes template</label>
                 <textarea
                   name="app-notes-template"
                   id="app-notes-template"
@@ -110,7 +110,6 @@ <h1 class="mb-1">Settings</h1>
     </footer>
     <!-- /.footer -->
 
-    <script src="libs/autosize/autosize.min.js"></script>
     <script type="module" src="settings.js"></script>
   </body>
   <!-- /.h-100 w-100 py-2 -->
diff --git a/settings.js b/settings.js
index 14217e1..2ee5ec1 100644
--- a/settings.js
+++ b/settings.js
@@ -1,4 +1,4 @@
-import { goBack, dialog } from "./helper.js";
+import { goBack, dialog, autoResizeTextarea } from "./helper.js";
 import { chromeGetData, chromeSetData } from "./chrome.js";
 
 const maxNotesChars = 999;
@@ -19,7 +19,7 @@ function loadEventListeners() {
   const $darkModeToggle = document.querySelector("#app-dark-mode");
   const $html = document.querySelector("html");
 
-  autosize($notesTemplate);
+  autoResizeTextarea($notesTemplate);
 
   $submitSettingsBtn.addEventListener("click", submitSettings);
 
@@ -48,7 +48,7 @@ async function submitSettings() {
   chromeSetData("enableDarkMode", $darkModeToggle.checked);
 
   dialog({
-    content: "Settings successfully saved.",
+    content: "Your settings have been saved.",
     type: "alert",
     confirmCallback: () => {
       goBack();
@@ -75,7 +75,7 @@ async function restoreSettings() {
 
   $notesCurrentChars.innerHTML = maxNotesChars - $notesTemplate.value.length;
 
-  autosize.update($notesTemplate);
+  autoResizeTextarea($notesTemplate);
 
   // If dark mode is enabled
   $html.dataset.theme = enableDarkMode ? "dark" : "light";