diff --git a/public/main.mjs b/public/main.mjs
index dd76485..d11f219 100644
--- a/public/main.mjs
+++ b/public/main.mjs
@@ -49,8 +49,8 @@ NodeList.prototype.indexOf = function(searchElement) {
     return -1;
 };
 
-function findTableIndices(textarea) {
-    let index = tableElement.querySelectorAll("textarea").indexOf(textarea);
+function findTableIndices(input) {
+    let index = tableElement.querySelectorAll("input[type=text]").indexOf(input);
     let columnIndex = index % table.columns.length;
     let rowIndex = -1;
 
@@ -61,31 +61,31 @@ function findTableIndices(textarea) {
     return {columnIndex, rowIndex};
 }
 
-function updateItemAlignment(textarea, column) {
-    textarea.classList.remove("left");
-    textarea.classList.remove("right");
+function updateItemAlignment(input, column) {
+    input.classList.remove("left");
+    input.classList.remove("right");
     if (column.leftAligned) {
-        textarea.classList.add("left");
+        input.classList.add("left");
     }
     if (column.rightAligned) {
-        textarea.classList.add("right");
+        input.classList.add("right");
     }
 }
 
 
 
 function createItemElement(item, column) {
-    let textarea = document.createElement("textarea");
-    textarea.rows = 1;
-    textarea.cols = column.maxLength;
-    textarea.value = item;
+    let input = document.createElement("input");
+    input.type = "text";
+    input.size = column.maxLength;
+    input.value = item;
     if (column.leftAligned) {
-        textarea.classList.add("left");
+        input.classList.add("left");
     }
     if (column.rightAligned) {
-        textarea.classList.add("right");
+        input.classList.add("right");
     }
-    return textarea;
+    return input;
 }
 
 function createRowElement(row, isHeader) {
@@ -185,9 +185,9 @@ itemContextMenu.querySelector("form").addEventListener("change", function(event)
     column.leftAligned = leftAligned;
     column.rightAligned = rightAligned;
 
-    updateItemAlignment(tableElement.querySelectorAll("th textarea")[columnIndex], column);
+    updateItemAlignment(tableElement.querySelectorAll("th input[type=text]")[columnIndex], column);
     for (let tr of tableElement.querySelectorAll("tr")) {
-        updateItemAlignment(tr.querySelectorAll("textarea")[columnIndex], column);
+        updateItemAlignment(tr.querySelectorAll("input[type=text]")[columnIndex], column);
     }
 
     output.value = serializeTable(table);
@@ -316,13 +316,13 @@ tableElement.addEventListener("input", function(event) {
     output.value = serializeTable(table);
 
     table.columns[columnIndex].maxLength = calculateColumnLength(table.columns[columnIndex], table.rows, columnIndex);
-    for (let rowElement of tableElement.querySelectorAll("th, tr")) {
-        rowElement.children[columnIndex].querySelector("textarea").cols = table.columns[columnIndex].maxLength;
+    for (let tr of tableElement.querySelectorAll("th, tr")) {
+        tr.querySelectorAll("input[type=text]")[columnIndex].size = table.columns[columnIndex].maxLength;
     }
 });
 
 tableElement.addEventListener("contextmenu", function(event) {
-    if (event.shiftKey || event.target.localName !== "textarea") {
+    if (event.shiftKey || event.target.localName !== "input") {
         return;
     }
 
diff --git a/public/style.css b/public/style.css
index f7cfc88..c755d99 100644
--- a/public/style.css
+++ b/public/style.css
@@ -9,6 +9,11 @@ table {
 textarea {
     white-space: pre;
 }
+/* make text boxes look like textareas */
+input[type=text] {
+    font-size: medium;
+    font-family: monospace;
+}
 
 th {
     padding: 0;
@@ -56,7 +61,7 @@ dialog h3 {
     overflow-x: scroll;
     scrollbar-width: thin;
 }
-th textarea {
+th input[type=text] {
     font-weight: bold;
 }