# Can't move or edit a group nested in a Grid Layout

**URL:** <https://community.penpot.app/t/cant-move-or-edit-a-group-nested-in-a-grid-layout/6608>\
**Category:** Ask the community\
**Created:** [September 19, 2024, 1:08pm UTC](https://community.penpot.app/t/cant-move-or-edit-a-group-nested-in-a-grid-layout/6608 "2024-09-19T13:08:58Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![josel](https://avatars.discourse-cdn.com/v4/letter/j/e9a140/32.png) [@josel](https://community.penpot.app/u/josel)\
**Post date:** [September 19, 2024, 1:08pm UTC](https://community.penpot.app/t/cant-move-or-edit-a-group-nested-in-a-grid-layout/6608/1 "2024-09-19T13:08:58Z")

</div>

I have a **group** called **ButtonAdd** nested in a **component instance** called **HeaderParts** which is nested in **Grid Layout** called **BoardDropdownExpanded** shown below. I am trying to drag this group away from this layout but am unable to do so, behaving like it was locked. But it’s not.

I’m wondering if this is a bug or by design due to a setting I’m not aware of. Again, I already checked to see that no elements are locked in this layout.

Thanks in advance for any insight.  
/Joselito

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/e/e9408e396b5c921730c7a7c37e344065f0b030b8.jpeg)

---

<div class="post-metadata">

**Author:** ![LauraKalbag](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/laurakalbag/32/5014_2.png) [@LauraKalbag](https://community.penpot.app/u/LauraKalbag)\
**Post date:** [September 20, 2024, 8:50am UTC](https://community.penpot.app/t/cant-move-or-edit-a-group-nested-in-a-grid-layout/6608/2 "2024-09-20T08:50:54Z")

</div>

This is by design because the group is part of a component instance. You can’t change the objects in a component instance, you can only show or hide them.

If you want to pull the button out from the component instance, you need to detach the instance first (right click on the component and choose detach instance.)

---

<div class="post-metadata">

**Author:** ![josel](https://avatars.discourse-cdn.com/v4/letter/j/e9a140/32.png) [@josel](https://community.penpot.app/u/josel)\
**Post date:** [September 21, 2024, 3:42am UTC](https://community.penpot.app/t/cant-move-or-edit-a-group-nested-in-a-grid-layout/6608/3 "2024-09-21T03:42:00Z")

</div>

Thanks for responding @LauraKalbag. And as you mentioned, if I **Detach instance** the component instance **HeaderParts** in my original post, I will be able to modify it as I wanted. Thanks for this.

But because of this, I am now questioning my understanding of a component **instance** , more specifically, what I can and cannot do in a component instance. I’ll be posting another question regarding this shortly. Thanks again.