diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index b49574920..964148c7d 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -43,6 +43,7 @@ export default function TextAreaComponent({
             setValue={(value: string) => {
               onChange(value);
             }}
+            disabled={disabled}
           >
             {!editNode && (
               <IconComponent
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 0a30e4efa..ae9c5bab3 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -38,6 +38,7 @@ export default function GenericModal({
   nodeClass,
   setNodeClass,
   children,
+  disabled,
   id = "",
   readonly = false,
 }: genericModalPropsType): JSX.Element {
@@ -187,7 +188,7 @@ export default function GenericModal({
       open={modalOpen}
       setOpen={setModalOpen}
     >
-      <BaseModal.Trigger>{children}</BaseModal.Trigger>
+      <BaseModal.Trigger disable={disabled}>{children}</BaseModal.Trigger>
       <BaseModal.Header
         description={(() => {
           switch (myModalTitle) {
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index 41944616b..f9f985653 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -622,6 +622,7 @@ export type genericModalPropsType = {
   buttonText: string;
   modalTitle: string;
   type: number;
+  disabled?: boolean;
   nodeClass?: APIClassType;
   setNodeClass?: (Class: APIClassType, code?: string) => void;
   children: ReactNode;