diff --git a/src/components/Edges/EdgeText.vue b/src/components/Edges/EdgeText.vue
index 79ec44c5..47d7f957 100644
--- a/src/components/Edges/EdgeText.vue
+++ b/src/components/Edges/EdgeText.vue
@@ -13,7 +13,9 @@ const props = withDefaults(defineProps<EdgeTextProps>(), {
 const { transform: paneTransform } = useVueFlow()
 const edgeRef = templateRef<SVGTextElement>('edge-text', null)
 const { width, height } = useElementBounding(edgeRef)
-const transform = computed(() => `translate(${props.x - width.value / paneTransform.value[2] / 2} ${props.y - height.value / 2})`)
+const transform = computed(
+  () => `translate(${props.x - width.value / paneTransform.value[2] / 2} ${props.y - height.value / paneTransform.value[2] / 2})`,
+)
 </script>
 <script lang="ts">
 export default {
@@ -26,14 +28,14 @@ export default {
       v-if="props.labelShowBg"
       class="vue-flow__edge-textbg"
       :width="width / paneTransform[2] + 2 * props.labelBgPadding[0] + 'px'"
-      :height="height + 2 * props.labelBgPadding[1] + 'px'"
+      :height="height / paneTransform[2] + 2 * props.labelBgPadding[1] + 'px'"
       :x="-props.labelBgPadding[0]"
       :y="-props.labelBgPadding[1]"
       :style="props.labelBgStyle"
       :rx="props.labelBgBorderRadius"
       :ry="props.labelBgBorderRadius"
     />
-    <text ref="edge-text" class="vue-flow__edge-text" :y="height / 2" dy="0.3em" :style="props.labelStyle">
+    <text ref="edge-text" class="vue-flow__edge-text" :y="height / paneTransform[2] / 2" dy="0.3em" :style="props.labelStyle">
       <slot v-bind="props">
         <component
           :is="props.label?.component"