diff --git a/app/utilities/strings.js b/app/utilities/strings.js
index 8e83291d..f463ba1a 100644
--- a/app/utilities/strings.js
+++ b/app/utilities/strings.js
@@ -20,9 +20,9 @@ export const nodeKey = node => {
 
 export const createClassname = (el, ellipse = false) => {
   if (!el.className) return ''
-  
+
   const combined = Array.from(el.classList).reduce((classnames, classname) =>
-    classnames += '.' + classname
+    classnames += '.' + escapeSpecialCharacters(classname)
   , '')
 
   return ellipse && combined.length > 30
@@ -30,6 +30,12 @@ export const createClassname = (el, ellipse = false) => {
     : combined
 }
 
+const escapeSpecialCharacters = (query) =>
+    Array.from(query)
+      .map((char) => /[0-9a-zA-Z_\s-]/.test(char) ?  char : `\\${char}`)
+      .join("")
+
+
 export const metaKey = window.navigator.platform.includes('Mac')
   ? 'cmd'
   : 'ctrl'