diff --git a/assets/js/admin.js b/assets/js/admin.js
index 0e934ce..9fec6f1 100644
--- a/assets/js/admin.js
+++ b/assets/js/admin.js
@@ -1,6 +1,6 @@
-import './admin/admin.js';
+import './admin/admin.js'
 
-require('./admin_modules/simplemde')();
+require('./admin_modules/simplemde')()
 
 const $ = require('jquery')
 const Sortable = require('sortablejs').Sortable
diff --git a/assets/js/app/mesh-viewer.js b/assets/js/app/mesh-viewer.js
index 8a2f15a..72f7fc4 100644
--- a/assets/js/app/mesh-viewer.js
+++ b/assets/js/app/mesh-viewer.js
@@ -6,6 +6,17 @@ MeshViewer.prototype.init = function () {
   const openers = this.window.document.querySelectorAll('*[data-modal]')
   const backdrop = this.window.document.querySelector('.modal-backdrop')
   const body = this.window.document.querySelector('body')
+  const that = this
+
+  body.addEventListener('keyup', (e) => {
+    if (e.keyCode === 27) {
+      const closer = that.window.document.querySelector('#mesh-viewer .close')
+
+      if (closer) {
+        closer.dispatchEvent(new Event('click'))
+      }
+    }
+  })
 
   for (let i = 0, len = openers.length; i < len; i++) {
     openers[i].addEventListener('click', (e) => {
diff --git a/assets/js/viewer.js b/assets/js/viewer.js
index 289074a..ca2a888 100644
--- a/assets/js/viewer.js
+++ b/assets/js/viewer.js
@@ -2,10 +2,10 @@ import '../css/viewer.scss'
 
 const container = document.getElementById('mesh-viewer')
 const viewer = new StlViewer(
-    container,
-    {
-        auto_rotate: true,
-        allow_drag_and_drop: true,
-        models: [{filename: container.getAttribute('data-file')}]
-    }
-);
+  container,
+  {
+    auto_rotate: true,
+    allow_drag_and_drop: true,
+    models: [{ filename: container.getAttribute('data-file') }]
+  }
+)