# How to edit and sort components in custom UI packs ?

> This article shows how to edit details and sort components in custom UI packs created by users of TeamPack and Business...

Source: https://mockflow.com/docs/wireframepro/ui-packs/edit-and-sort-components-in-custom-ui-packs

This article shows how to edit details and sort components in custom UI packs created by users of TeamPack and Business licenses.

1. Click on the "Manage Components" icon.

![Navigate to Manage components icon](https://assets.mockflow.com/docs/media/5fce041fe8d61e69540c959a.gif)

1. Click on the edit option of the respective component to edit it.

![Navigate to edit ](https://assets.mockflow.com/docs/media/968e4c0107239cf7929231db.webp)

1. Edit the component name here.

1. Upload the new thumbnail here.

1. Select the category.

1. Save the changes by clicking on the "Save" button.

![Enter the components details in the required fields and click on save](https://assets.mockflow.com/docs/media/1082d85c71e61bb316c143d2.webp)