diff --git a/ui/src/shared/decorators/errors.tsx b/ui/src/shared/decorators/errors.tsx
index e90d95aca..fd7bf0938 100644
--- a/ui/src/shared/decorators/errors.tsx
+++ b/ui/src/shared/decorators/errors.tsx
@@ -15,7 +15,9 @@ class DefaultError extends Component<{error: Error}> {
     const {stack, message} = error
     const finalMessage = ` Chronograf (${VERSION}) ${message}`
     const finalStack = '```' + stack + '```'
-    const href = `https://github.com/influxdata/chronograf/issues/new?title=${finalMessage}&body=${finalStack}`
+    const href = encodeURI(
+      `https://github.com/influxdata/chronograf/issues/new?title=${finalMessage}&body=${finalStack}`
+    )
 
     return (
       <p className="unexpected-error">