diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-keyboard-shortcuts-overview.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-keyboard-shortcuts-overview.less
index ab82eeec85..c603a3c7cd 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-keyboard-shortcuts-overview.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-keyboard-shortcuts-overview.less
@@ -16,8 +16,23 @@
 
 .umb-keyboard-shortcuts-overview__overlay-close {
   position: absolute;
-  top: 10px;
-  right: 10px;
+  top: 20px;
+  right: 20px;
+  font-size: 25px;
+  border-radius: 20px;
+  width: 35px;
+  height: 35px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: transparent;
+  line-height: 1em;
+}
+
+.umb-keyboard-shortcuts-overview__overlay-close:hover {
+    background-color: @blue;
+    color: #ffffff;
+    text-decoration: none;
 }
 
 .umb-keyboard-shortcuts-overview__overlay-content {
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-keyboard-shortcuts-overview.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-keyboard-shortcuts-overview.html
index a1ba4bfd4e..6368bb1e37 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-keyboard-shortcuts-overview.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-keyboard-shortcuts-overview.html
@@ -19,8 +19,8 @@
 
   <div class="umb-keyboard-shortcuts-overview__overlay" ng-if="shortcutOverlay">
 
-    <a href="" ng-click="toggleShortcutsOverlay()" data-hotkey="esc">
-      <i class="umb-keyboard-shortcuts-overview__overlay-close icon-delete"></i>
+    <a href="" class="umb-keyboard-shortcuts-overview__overlay-close" ng-click="toggleShortcutsOverlay()" data-hotkey="esc" hotkey-when-hidden="true">
+      <i class="icon-delete"></i>
     </a>
 
     <div class="umb-keyboard-shortcuts-overview__overlay-content">