diff --git a/package/src/container/Viewport/Transform.vue b/package/src/container/Viewport/Transform.vue
index 1b014d6e..d7154a26 100644
--- a/package/src/container/Viewport/Transform.vue
+++ b/package/src/container/Viewport/Transform.vue
@@ -37,7 +37,7 @@ export default {
 }
 </script>
 <template>
-  <div :key="`transformation-pane-${id}`" class="vue-flow__transformation-pane vue-flow__container" :style="{ transform }">
+  <div :key="`transformation-pane-${id}`" class="vue-flow__transformationpane vue-flow__container" :style="{ transform }">
     <NodeRenderer :key="`node-renderer-${id}`" />
     <EdgeRenderer :key="`edge-renderer-${id}`" />
     <slot />
diff --git a/package/src/style.css b/package/src/style.css
index 933eab28..c7618b25 100644
--- a/package/src/style.css
+++ b/package/src/style.css
@@ -13,7 +13,7 @@
   top: 0;
 }
 
-.vue-flow__transformation-pane {
+.vue-flow__transformationpane {
   pointer-events: none;
   transform-origin: 0 0;
   z-index: 2;