diff --git a/packages/builder/src/components/common/bindings/DrawerBindableInput.svelte b/packages/builder/src/components/common/bindings/DrawerBindableInput.svelte
index e7723aba85..d4dab3a728 100644
--- a/packages/builder/src/components/common/bindings/DrawerBindableInput.svelte
+++ b/packages/builder/src/components/common/bindings/DrawerBindableInput.svelte
@@ -4,7 +4,7 @@
     readableToRuntimeBinding,
     runtimeToReadableBinding,
   } from "builderStore/dataBinding"
-  import BindingPanel from "components/design/PropertiesPanel/BindingPanel.svelte"
+  import BindingPanel from "components/common/bindings/BindingPanel.svelte"
   import { createEventDispatcher } from "svelte"
   const dispatch = createEventDispatcher()
 
diff --git a/packages/builder/src/components/common/bindings/utils.js b/packages/builder/src/components/common/bindings/utils.js
index fca73b5f0a..79c496ce9f 100644
--- a/packages/builder/src/components/common/bindings/utils.js
+++ b/packages/builder/src/components/common/bindings/utils.js
@@ -1,16 +1,16 @@
 export function addToText(value, caretPos, binding) {
   binding = typeof binding === "string" ? binding : binding.path
-  let toAdd = binding
+  value = value == null ? "" : value
   if (!value.includes("{{") && !value.includes("}}")) {
-    toAdd = `{{ ${binding} }}`
+    binding = `{{ ${binding} }}`
   }
   if (caretPos.start) {
     value =
       value.substring(0, caretPos.start) +
-      toAdd +
+      binding +
       value.substring(caretPos.end, value.length)
   } else {
-    value += toAdd
+    value += binding
   }
   return value
 }