diff --git a/console/src/components/Services/EventTrigger/Common/Tooltips.js b/console/src/components/Services/EventTrigger/Common/Tooltips.js
new file mode 100644
index 0000000000000..dde4330c226a0
--- /dev/null
+++ b/console/src/components/Services/EventTrigger/Common/Tooltips.js
@@ -0,0 +1,8 @@
+import React from 'react';
+import Tooltip from 'react-bootstrap/lib/Tooltip';
+
+export const statusCodeDescription = (
+  <Tooltip id="tooltip-trigger-status-code-description">
+    Status code of the webhook response
+  </Tooltip>
+);
diff --git a/console/src/components/Services/EventTrigger/ProcessedEvents/ViewRows.js b/console/src/components/Services/EventTrigger/ProcessedEvents/ViewRows.js
index c2d389fbaa786..cd8db6850bde5 100644
--- a/console/src/components/Services/EventTrigger/ProcessedEvents/ViewRows.js
+++ b/console/src/components/Services/EventTrigger/ProcessedEvents/ViewRows.js
@@ -19,6 +19,8 @@ import {
 } from './FilterActions';
 import { ordinalColSort } from '../utils';
 import '../TableCommon/ReactTableFix.css';
+import * as tooltip from '../Common/Tooltips';
+import OverlayTrigger from 'react-bootstrap/lib/OverlayTrigger';
 
 const ViewRows = ({
   curTriggerName,
@@ -404,8 +406,57 @@ const ViewRows = ({
                                 </div>
                               ) : null}
                               <div className={styles.add_mar_top}>
-                                <div className={styles.subheading_text}>
-                                  Payload
+                                <div
+                                  className={
+                                    styles.subheading_text +
+                                    ' col-md-6 ' +
+                                    styles.padd_remove
+                                  }
+                                >
+                                  {finalResponse.status_code
+                                    ? 'Payload'
+                                    : 'Error'}
+                                </div>
+                                <div
+                                  className={
+                                    styles.status_code_right +
+                                    ' col-md-6 ' +
+                                    styles.padd_remove
+                                  }
+                                >
+                                  {finalResponse.status_code
+                                    ? [
+                                      'Status Code: ',
+                                      finalResponse.status_code === 200 ? (
+                                        <i
+                                          className={
+                                            styles.invocationSuccess +
+                                              ' fa fa-check'
+                                          }
+                                        />
+                                      ) : (
+                                        <i
+                                          className={
+                                            styles.invocationFailure +
+                                              ' fa fa-times'
+                                          }
+                                        />
+                                      ),
+                                      finalResponse.status_code,
+                                      ' ',
+                                      <OverlayTrigger
+                                        placement="top"
+                                        overlay={
+                                          tooltip.statusCodeDescription
+                                        }
+                                      >
+                                        <i
+                                          className="fa fa-question-circle"
+                                          aria-hidden="true"
+                                        />
+                                      </OverlayTrigger>,
+                                    ]
+                                    : null}
                                 </div>
                                 <AceEditor
                                   mode="json"
diff --git a/console/src/components/Services/EventTrigger/StreamingLogs/Logs.js b/console/src/components/Services/EventTrigger/StreamingLogs/Logs.js
index f19697f16bdea..d8cf0922039a3 100644
--- a/console/src/components/Services/EventTrigger/StreamingLogs/Logs.js
+++ b/console/src/components/Services/EventTrigger/StreamingLogs/Logs.js
@@ -25,6 +25,8 @@ import {
   toggleOldAvailable,
   toggleNewAvailable,
 } from './LogActions';
+import * as tooltip from '../Common/Tooltips';
+import OverlayTrigger from 'react-bootstrap/lib/OverlayTrigger';
 
 class StreamingLogs extends Component {
   constructor(props) {
@@ -409,7 +411,54 @@ class StreamingLogs extends Component {
                           </div>
                         ) : null}
                         <div className={styles.add_mar_top}>
-                          <div className={styles.subheading_text}>Response</div>
+                          <div
+                            className={
+                              styles.subheading_text +
+                              ' col-md-6 ' +
+                              styles.padd_remove
+                            }
+                          >
+                            {finalResponse.status_code ? 'Payload' : 'Error'}
+                          </div>
+                          <div
+                            className={
+                              styles.status_code_right +
+                              ' col-md-6 ' +
+                              styles.padd_remove
+                            }
+                          >
+                            {finalResponse.status_code
+                              ? [
+                                  'Status Code: ',
+                                  finalResponse.status_code === 200 ? (
+                                    <i
+                                      className={
+                                        styles.invocationSuccess +
+                                        ' fa fa-check'
+                                      }
+                                    />
+                                  ) : (
+                                    <i
+                                      className={
+                                        styles.invocationFailure +
+                                        ' fa fa-times'
+                                      }
+                                    />
+                                  ),
+                                  finalResponse.status_code,
+                                  ' ',
+                                  <OverlayTrigger
+                                    placement="top"
+                                    overlay={tooltip.statusCodeDescription}
+                                  >
+                                    <i
+                                      className="fa fa-question-circle"
+                                      aria-hidden="true"
+                                    />
+                                  </OverlayTrigger>,
+                                ]
+                              : null}
+                          </div>
                           <AceEditor
                             mode="json"
                             theme="github"
diff --git a/console/src/components/Services/EventTrigger/StreamingLogs/util.js b/console/src/components/Services/EventTrigger/StreamingLogs/util.js
index 64df846302a65..50c475b98fa61 100644
--- a/console/src/components/Services/EventTrigger/StreamingLogs/util.js
+++ b/console/src/components/Services/EventTrigger/StreamingLogs/util.js
@@ -18,7 +18,12 @@ const parseRowData = (row, dataType) => {
       switch (row.response.version) {
         case '2':
           try {
-            data = JSON.parse(row.response.data.body);
+            // Handle graphql-engine server error message
+            if (row.response.data.message) {
+              data = row.response.data;
+            } else {
+              data = JSON.parse(row.response.data.body);
+            }
           } catch (e) {
             console.log(e);
             data = row.response.data.body;
@@ -26,6 +31,7 @@ const parseRowData = (row, dataType) => {
           return {
             data: data,
             headers: row.response.data.headers,
+            status_code: row.response.data.status,
           };
         default:
           try {
@@ -36,6 +42,7 @@ const parseRowData = (row, dataType) => {
           }
           return {
             data: data,
+            status_code: row.status,
           };
       }
     default:
diff --git a/console/src/components/Services/EventTrigger/TableCommon/Table.scss b/console/src/components/Services/EventTrigger/TableCommon/Table.scss
index 17751c7336a9f..e7c933ef7e44f 100644
--- a/console/src/components/Services/EventTrigger/TableCommon/Table.scss
+++ b/console/src/components/Services/EventTrigger/TableCommon/Table.scss
@@ -309,3 +309,15 @@ a.expanded {
   clear: both;
   margin: 0;
 }
+.status_code_right {
+  text-align: right;
+  font-weight: bold;
+  font-size: 15px;
+  padding-bottom: 20px;
+  margin-top: 0;
+  margin-bottom: 0;
+  i
+  {
+    margin-left: 5px;
+  }
+}