diff --git a/src/functions/api.js b/src/functions/api.js
index b76687648666c26eed319e45e3ec9504f28bfe6f..a39276f404146e09c0107a32985d9edf38ed1607 100644
--- a/src/functions/api.js
+++ b/src/functions/api.js
@@ -95,3 +95,23 @@ export const clearArchitecture = async () => {
       console.error(error);
     });
 };
+
+export const scaleOut = async (id) => {
+  const requestBody = { id: id };
+  loader(true);
+  await axios
+    .post(`${SERVER_URL}/deployment/scaleOut`, requestBody)
+    .then((response) => {
+      loader(false);
+      if (response.status === 200) {
+        successFeedback();
+      } else {
+        errorFeedback(response);
+      }
+    })
+    .catch((error) => {
+      loader(false);
+      errorFeedback(error);
+      console.error(error);
+    });
+};
diff --git a/src/functions/codeEditor.js b/src/functions/codeEditor.js
index 85c9b56a6f60b653e85106c11ecc96375b897662..46eb5fa596e6b86a10238715640f614394a03de9 100644
--- a/src/functions/codeEditor.js
+++ b/src/functions/codeEditor.js
@@ -96,6 +96,7 @@ const handleSubmit = (node, code) => {
     code: code,
     isDeployed: false,
     isPaused: false,
+    isScaled: false,
   };
   createCustomCode(requestBody);
   node.style.visibility = "hidden";
diff --git a/src/functions/contextmenu.js b/src/functions/contextmenu.js
index 547a83187c5a244fea8b75ca02323017af734d60..0f7dd1b37d6157e4dd884fac0723874adc5b7721 100644
--- a/src/functions/contextmenu.js
+++ b/src/functions/contextmenu.js
@@ -1,5 +1,6 @@
 import { duplicatePipe, duplicateFilter } from "./duplication";
 import { codeEditor } from "./codeEditor";
+import { scaleOut } from "./api";
 
 export const initContextmenu = (instance) => {
   // Kontext Menü zum Löschen von Connections
@@ -38,6 +39,9 @@ export const initContextmenu = (instance) => {
         <button style='border: none; padding: 6px 12px;' class='code-filter'>
           Code Filter
         </button>
+        <button style='background-color: blue; color: white; border: none; padding: 6px 12px;' class='scale-out'>
+          SCALE OUT
+        </button>
         <button style='background-color: red; color: white; border: none; padding: 6px 12px;' class='delete-filter'>
           Delete Filter
         </button>
@@ -56,6 +60,9 @@ export const initContextmenu = (instance) => {
   $("body").on("click", ".code-filter", (event) => {
     codeEditor(instance);
   });
+  $("body").on("click", ".scale-out", (event) => {
+    scaleOut(window.selectedFilter);
+  });
 
   // Kontext Menü zum Löschen von Pipes
   $("body").on("contextmenu", "#Diagram .Pipe", (event) => {