diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditHeader/ConstraintAccordionEditHeader.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditHeader/ConstraintAccordionEditHeader.tsx
index b57f90c2d0..5edb1eb890 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditHeader/ConstraintAccordionEditHeader.tsx
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditHeader/ConstraintAccordionEditHeader.tsx
@@ -147,7 +147,7 @@ export const ConstraintAccordionEditHeader = ({
                     </p>
                 }
             />
-            <ConstraintAccordionHeaderActions onDelete={onDelete} />
+            <ConstraintAccordionHeaderActions onDelete={onDelete} disableEdit/>
         </div>
     );
 };
diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx
index a1022a9dff..c02fbcfdf2 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx
@@ -2,15 +2,20 @@ import React from 'react';
 import { IconButton, Tooltip } from '@mui/material';
 import { Delete, Edit } from '@mui/icons-material';
 import { useStyles } from '../ConstraintAccordion.styles';
+import {ConditionallyRender} from "../../ConditionallyRender/ConditionallyRender";
 
 interface ConstraintAccordionHeaderActionsProps {
     onDelete?: () => void;
     onEdit?: () => void;
+    disableEdit?: boolean;
+    disableDelete?: boolean
 }
 
 export const ConstraintAccordionHeaderActions = ({
     onEdit,
     onDelete,
+    disableDelete = false,
+    disableEdit = false
 }: ConstraintAccordionHeaderActionsProps) => {
     const { classes: styles } = useStyles();
     const onEditClick =
@@ -29,24 +34,26 @@ export const ConstraintAccordionHeaderActions = ({
 
     return (
         <div className={styles.headerActions}>
+            <ConditionallyRender condition={Boolean(onEditClick) && !disableEdit} show={
             <Tooltip title="Edit constraint" arrow>
                 <IconButton
                     type="button"
                     onClick={onEditClick}
-                    disabled={!Boolean(onEditClick)}
+                    disabled={disableEdit}
                 >
                     <Edit />
                 </IconButton>
-            </Tooltip>
+            </Tooltip>} />
+            <ConditionallyRender condition={Boolean(onDeleteClick) && !disableDelete} show={
             <Tooltip title="Delete constraint" arrow>
                 <IconButton
                     type="button"
                     onClick={onDeleteClick}
-                    disabled={!Boolean(onDeleteClick)}
+                    disabled={disableDelete}
                 >
                     <Delete />
                 </IconButton>
-            </Tooltip>
+            </Tooltip>} />
         </div>
     );
 };