diff --git a/app/src/api/handlers.js b/app/src/api/handlers.js
index 1a7579ee..165f7b8b 100644
--- a/app/src/api/handlers.js
+++ b/app/src/api/handlers.js
@@ -5,6 +5,7 @@
 
 import store from '@/store'
 import errors from './errors'
+import router from '@/router'
 
 /**
  * Try to get response content as json and if it's not as text.
@@ -47,12 +48,14 @@ export function handleResponse (response, method) {
 export async function handleError (response, method) {
   const message = await _getResponseContent(response)
   const errorCode = response.status in errors ? response.status : undefined
-  const error = new errors[errorCode](method, response, message)
+  const error = new errors[errorCode](method, response, message.error || message)
 
   if (error.code === 401) {
     store.dispatch('DISCONNECT')
   } else if (error.code === 400) {
-    // FIXME for now while in form, the error is catched by the caller and displayed in the form
+    if (typeof message !== 'string' && 'log_ref' in message) {
+        router.push({ name: 'tool-log', params: { name: message.log_ref } })
+    }
     // Hide the waiting screen
     store.dispatch('SERVER_RESPONDED', true)
   } else {
diff --git a/app/src/views/ErrorPage.vue b/app/src/views/ErrorPage.vue
index f450f72e..40a0f1c0 100644
--- a/app/src/views/ErrorPage.vue
+++ b/app/src/views/ErrorPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="error mt-4" v-if="error">
+  <div class="error mt-4 mb-5" v-if="error">
     <h2>{{ $t('api_errors_titles.' + error.name) }} :/</h2>
 
     <em v-t="'api_error.sorry'" />
@@ -16,7 +16,7 @@
     <pre><code>"{{ error.method }}" {{ error.uri }}</code></pre>
 
     <h5>Message</h5>
-    <p>{{ error.message }}</p>
+    <p v-html="error.message" />
 
     <template v-if="error.traceback">
       <h5 v-t="'traceback'" />