diff --git a/console/src/components/ApiExplorer/ApiRequest.js b/console/src/components/ApiExplorer/ApiRequest.js
index 0d012b6023529..fa727b81b121e 100644
--- a/console/src/components/ApiExplorer/ApiRequest.js
+++ b/console/src/components/ApiExplorer/ApiRequest.js
@@ -272,7 +272,7 @@ class ApiRequest extends Component {
               onBlur={this.handleBlur}
               data-test={`header-value-${i}`}
               type={
-                header.key === 'X-Hasura-Access-Key' &&
+                header.key.toLowerCase() === 'x-hasura-access-key' &&
                 !this.state.accessKeyVisible
                   ? 'password'
                   : 'text'
@@ -281,7 +281,7 @@ class ApiRequest extends Component {
           </td>
           {header.isNewHeader ? null : (
             <td>
-              {header.key === 'X-Hasura-Access-Key' ? (
+              {header.key.toLowerCase() === 'x-hasura-access-key' ? (
                 <i
                   className={styles.showAccessKey + ' fa fa-eye'}
                   data-header-id={i}