# Removing the Delete button from Edit Grid using custom CSS

> This tutorial demonstrates how to use custom CSS to remove the delete button from an **Edit Grid** component.

This tutorial demonstrates how to use custom CSS to remove the delete button from an **Edit Grid** component.

1. In the same form where you added the Edit Grid, add an **HTML Element** component input the below CSS snippet:
   ```
   
   <style>
   .my-edit-grid .removeRow {
       display: none;
   }
   </style>
   ```

   This code snippet makes items with the class `removeRow` (representing delete buttons) invisible on the webpage. It does this by using the class `my-edit-grid` on their containing elements and setting the display property to `none`.
2. Hover over the Edit Grid and select **Edit JSON**.
3. In the **Component JSON** add a `customClass` parameter that references the `my-edit-grid` custom CSS class.

   Insert this parameter before the `components` parameter.

   ```
   "customClass": "my-edit-grid",
   ```

   ![docs image](https://dev-assets.cms.uipath.com/assets/images/activities/activities-docs-image-298553-db21be31.webp)
4. Save the component and the form.