diff --git a/src/Umbraco.Web.UI.Client/src/less/panel.less b/src/Umbraco.Web.UI.Client/src/less/panel.less
index 0446d9752b..6bc2a2b2de 100644
--- a/src/Umbraco.Web.UI.Client/src/less/panel.less
+++ b/src/Umbraco.Web.UI.Client/src/less/panel.less
@@ -489,12 +489,6 @@ input.umb-panel-header-description {
     line-height: 25px;
 }
 
-.umb-panel-header-key {
-    font-size: 10px;
-    margin-left: 8px;
-    color: #adadad;
-}
-
 .umb-editor-drawer-content {
   display: flex;
   align-items: center;
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
index 9a84a1a645..fdc1ddf0f5 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
@@ -17,6 +17,7 @@
 
                    <ng-form name="headerNameForm">
                        <input
+                        title="{{key}}"
                         type="text"
                         class="umb-panel-header-name-input"
                         localize="placeholder"
@@ -30,7 +31,7 @@
                         required />
                    </ng-form>
 
-                  <div class="umb-panel-header-name" ng-if="nameLocked">{{ name }}</div>
+                  <div class="umb-panel-header-name" ng-if="nameLocked" title="{{key}}">{{ name }}</div>
 
                   <umb-generate-alias class="umb-panel-header-alias"
                                       ng-if="!hideAlias"
@@ -38,18 +39,18 @@
                                       alias-from="$parent.name"
                                       enable-lock="true"
                                       server-validation-field="Alias"></umb-generate-alias>
+                
 
-                  <input
-                    type="text"
-                    class="umb-panel-header-description"
-                    localize="placeholder"
-                    placeholder="@placeholders_enterDescription"
-                    ng-if="!hideDescription && !descriptionLocked"
-                    ng-model="$parent.description" />
+                        <input
+                            type="text"
+                            class="umb-panel-header-description"
+                            localize="placeholder"
+                            placeholder="@placeholders_enterDescription"
+                            ng-if="!hideDescription && !descriptionLocked"
+                            ng-model="$parent.description" />
+
+                        <div class="umb-panel-header-locked-description" ng-show="descriptionLocked">{{ description }}</div>
 
-                   <div class="umb-panel-header-locked-description" ng-show="descriptionLocked">{{ description }}</div>
-                   
-                   <div class="umb-panel-header-key">{{ key }}</div>
 
                </div>