diff --git a/packages/uhk-web/src/app/components/svg/keyboard/svg-keyboard.component.html b/packages/uhk-web/src/app/components/svg/keyboard/svg-keyboard.component.html
index e22581ca..8c2e03ba 100644
--- a/packages/uhk-web/src/app/components/svg/keyboard/svg-keyboard.component.html
+++ b/packages/uhk-web/src/app/components/svg/keyboard/svg-keyboard.component.html
@@ -1,4 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg"
+     class="svgKeyboard"
      [attr.viewBox]="viewBox"
      height="100%"
      width="100%">
diff --git a/packages/uhk-web/src/app/components/svg/keyboard/svg-keyboard.component.scss b/packages/uhk-web/src/app/components/svg/keyboard/svg-keyboard.component.scss
index 4cec8da7..bf00b8ae 100644
--- a/packages/uhk-web/src/app/components/svg/keyboard/svg-keyboard.component.scss
+++ b/packages/uhk-web/src/app/components/svg/keyboard/svg-keyboard.component.scss
@@ -3,8 +3,14 @@
     width: 100%;
     position: relative;
 }
+
+.svgKeyboard {
+    z-index: 50;
+}
+
 editable-text {
     padding-left: 2em;
     padding-right: 2em;
     display: block;
+    z-index: 51;
 }