diff --git a/package-lock.json b/package-lock.json
index 90b54309e..55a2666b5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1703,7 +1703,7 @@
           "bundled": true,
           "dev": true
         },
-        "cryptiles": {
+        "cryptile": {
           "version": "2.0.5",
           "bundled": true,
           "dev": true,
diff --git a/packages/insomnia-app/app/ui/components/templating/tag-editor.js b/packages/insomnia-app/app/ui/components/templating/tag-editor.js
index 567e8232b..f408aa6c4 100644
--- a/packages/insomnia-app/app/ui/components/templating/tag-editor.js
+++ b/packages/insomnia-app/app/ui/components/templating/tag-editor.js
@@ -564,22 +564,15 @@ class TagEditor extends React.PureComponent<Props, State> {
     let previewElement;
     if (error) {
       previewElement = (
-        <pre>
-          <code className="block danger selectable">{error || <span>&nbsp;</span>}</code>
-        </pre>
+        <textarea className="danger" value={error || 'Error'} readOnly/>
       );
     } else if (rendering) {
       previewElement = (
-        <pre>
-          <code className="block"><span className="faint italic">rendering...</span></code>
-        </pre>
+        <textarea value="rendering..." readOnly/>
       );
     } else {
       previewElement = (
-        <pre>
-          <code className="block selectable scrollable force-wrap">{preview ||
-          <span>&nbsp;</span>}</code>
-        </pre>
+        <textarea value={preview || 'error'} readOnly rows={5}/>
       );
     }
 
diff --git a/packages/insomnia-app/app/ui/components/templating/variable-editor.js b/packages/insomnia-app/app/ui/components/templating/variable-editor.js
index 1dbd98d8b..5d8f49e72 100644
--- a/packages/insomnia-app/app/ui/components/templating/variable-editor.js
+++ b/packages/insomnia-app/app/ui/components/templating/variable-editor.js
@@ -93,8 +93,8 @@ class VariableEditor extends PureComponent {
         <div className="form-control form-control--outlined">
           <label>Live Preview
             {error
-              ? <code className="block danger selectable">{error || <span>&nbsp;</span>}</code>
-              : <code className="block selectable">{preview || <span>&nbsp;</span>}</code>
+              ? <textarea className="danger" value={error || 'Error'} readOnly/>
+              : <textarea value={preview || ''} readOnly/>
             }
           </label>
         </div>