diff --git a/src/functions/pipeBinding.js b/src/functions/pipeBinding.js
index 8df6fcb81ede6dc67d9914475b1f7ec4e0ed1289..771d9798da12570bd28aeba9f9862496955cbecc 100644
--- a/src/functions/pipeBinding.js
+++ b/src/functions/pipeBinding.js
@@ -122,6 +122,7 @@ const makeValidConstName = (str) => {
 };
 
 const buildPipesElements = (pipeMapping) => {
+  console.log("### pipes: ", pipeMapping);
   const incomingPipes = pipeMapping.filter(
     (pipe) => pipe.pipeDirection === "in"
   );
@@ -129,8 +130,12 @@ const buildPipesElements = (pipeMapping) => {
     (pipe) => pipe.pipeDirection === "out"
   );
 
-  const incomingPipesElement = document.getElementById("incomingPipes");
-  const outgoingPipesElement = document.getElementById("outgoingPipes");
+  const incomingPipesElement = document.querySelector(
+    `#codeEditor${window.selectedFilter} #incomingPipes`
+  );
+  const outgoingPipesElement = document.querySelector(
+    `#codeEditor${window.selectedFilter} #outgoingPipes`
+  );
   incomingPipesElement.innerHTML = "";
   outgoingPipesElement.innerHTML = "";