diff --git a/index.html b/index.html
index 412bf917..6c67a996 100644
--- a/index.html
+++ b/index.html
@@ -40,6 +40,12 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
         <div id="sidebar-menu" class="split split-horizontal sidebar-menu" style=""></div>
         <div id="main-content" class="split split-horizontal container-fluid main-content" style="">
 
+            <div class="notification">
+                <span class="notificatin__text">Keymap removed</span>
+                <a href="#" class="notification__action">Undo</a>
+                <span class="notification__dismiss">&times;</span>
+            </div>
+
             <div class="keymap--edit keymap--qwerty main-content__inner" style="display: block;">
                 <div class="row">
                     <h1 class="col-xs-12 pane-title">
diff --git a/sass/app.scss b/sass/app.scss
index dd189101..839d4948 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -158,6 +158,42 @@ ul {
     }
 }
 
+.notification {
+    padding: 1rem 1.5rem;
+    box-shadow: 0 0 0 1px #000;
+    border-radius: 0.5rem;
+    position: absolute;
+    top: 2rem;
+    right: 2rem;
+    z-index: 100;
+    background-color: #333;
+    color: #eee;
+
+    &__action {
+        margin-left: 1rem;
+        margin-right: 1rem;
+        color: #5bc0de;
+        text-transform: uppercase;
+        font-weight: bold;
+
+        &:hover {
+            text-decoration: none;
+            color: #5bc0de;
+        }
+    }
+
+    &__dismiss {
+        position: relative;
+        bottom: 1px;
+        color: #ccc;
+
+        &:hover {
+            cursor: pointer;
+            color: #fff;
+        }
+    }
+}
+
 .uhk {
     &__layer-switcher {
         &--wrapper {