diff --git a/services/frontend/src/components/Modal/service/Create.tsx b/services/frontend/src/components/Modal/service/Create.tsx
index e7101ba..bbddbce 100644
--- a/services/frontend/src/components/Modal/service/Create.tsx
+++ b/services/frontend/src/components/Modal/service/Create.tsx
@@ -13,6 +13,7 @@ import {
 import Build from "./Build";
 import { styled } from "@mui/joy";
 import Environment from "./Environment";
+import Deploy from "./Deploy";
 
 interface IModalServiceProps {
   onHide: CallbackFunction;
@@ -126,6 +127,7 @@ const ModalServiceCreate = (props: IModalServiceProps) => {
                       {openTab === "Environment" && <Environment />}
                       {openTab === "Data" && <Data />}
                       {openTab === "Build" && <Build />}
+                      {openTab === "Deploy" && <Deploy />}
                     </TabBody>
                   </div>
 
diff --git a/services/frontend/src/components/Modal/service/Edit.tsx b/services/frontend/src/components/Modal/service/Edit.tsx
index 7d8b738..6144e4a 100644
--- a/services/frontend/src/components/Modal/service/Edit.tsx
+++ b/services/frontend/src/components/Modal/service/Edit.tsx
@@ -13,6 +13,7 @@ import {
 } from "./form-utils";
 import Environment from "./Environment";
 import Build from "./Build";
+import Deploy from "./Deploy";
 
 export interface IModalServiceProps {
   node: IServiceNodeItem;
@@ -107,6 +108,7 @@ const ModalServiceEdit = (props: IModalServiceProps) => {
                       {openTab === "Environment" && <Environment />}
                       {openTab === "Data" && <Data />}
                       {openTab === "Build" && <Build />}
+                      {openTab === "Deploy" && <Deploy />}
                     </div>
 
                     <div className="flex items-center justify-end px-4 py-3 border-t border-solid border-blueGray-200 rounded-b">