diff --git a/app/views/console/keys/index.phtml b/app/views/console/keys/index.phtml
index 1ec4d084bd..01ed94f97f 100644
--- a/app/views/console/keys/index.phtml
+++ b/app/views/console/keys/index.phtml
@@ -154,6 +154,9 @@ $scopes = $this->getParam('scopes', []);
 
                 <input type="hidden" name="projectId" data-ls-bind="{{router.params.project}}" />
 
+                <label for="keyId">Id <span class="tooltip large" data-tooltip="Choose any name that will help you distinguish between your different API keys."><i class="icon-question"></i></span></label>
+                <input type="text" class="full-width" id="keyId" name="keyId" required autocomplete="off" maxlength="128" />
+
                 <label for="name">Name <span class="tooltip large" data-tooltip="Choose any name that will help you distinguish between your different API keys."><i class="icon-question"></i></span></label>
                 <input type="text" class="full-width" id="name" name="name" required autocomplete="off" maxlength="128" />