fixed

frontend/src/app/projects/view/[servicesId]/page.jsx

@@ -11,6 +11,7 @@ import AddConfigMapModal from "../variableModals/AddConfigMap/AddConfigMapModal"
 import CustomCheckbox from "@/app/components/checkbox/CheckBox";
 import DeleteIcon from "@/app/components/icons/delete";
 import SelectField from "@/app/components/select/SelectField";
+import ActionButton from "@/app/components/actionButton/ActionButton";
 const AddServices = () => {
   const [triggerVariableDropDown, setTriggerVariableDropDown] = useState(false);
   const [triggerAddVariable, setTriggerAddVariable] = useState(false);
@@ -331,7 +332,7 @@ const AddServices = () => {
                             <div className={variableStyles.variable} key={key}>
                               <p>{data.key}</p>
                               <p>{data.value}</p>
-                              <DeleteIcon />
+                              <ActionButton icon={<DeleteIcon />} />
                             </div>
                           );
                         })}