# Grid layout glitching when used in components

**URL:** <https://community.penpot.app/t/grid-layout-glitching-when-used-in-components/6070>\
**Category:** Self-host\
**Created:** [July 17, 2024, 5:50am UTC](https://community.penpot.app/t/grid-layout-glitching-when-used-in-components/6070 "2024-07-17T05:50:54Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Benjaminppr](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/benjaminppr/32/5667_2.png) [@Benjaminppr](https://community.penpot.app/u/Benjaminppr)\
**Post date:** [July 17, 2024, 5:50am UTC](https://community.penpot.app/t/grid-layout-glitching-when-used-in-components/6070/1 "2024-07-17T05:50:54Z")

</div>

Hi there,  
I encountered quite a strange bug. Whenever I use the grid layout in a component, it’s glitching : If I use my component (ex a 4 columns grid with cards in it) somewhere else, the grid will be messy, nothing will display. If I detach the instance and update the grid, like adding and removing one row, the grid will be fixed and display properly.

---

<div class="post-metadata">

**Author:** ![fluffy-kalashnikov](https://avatars.discourse-cdn.com/v4/letter/f/8e7dd6/32.png) [@fluffy-kalashnikov](https://community.penpot.app/u/fluffy-kalashnikov)\
**Post date:** [July 28, 2024, 1:07pm UTC](https://community.penpot.app/t/grid-layout-glitching-when-used-in-components/6070/2 "2024-07-28T13:07:25Z")

</div>

I share the same issue. I am very new and unsure if it is a good idea or not, but my entire site is a component. I have a page where I build the site component and another page where I have instances of the site component with desktop, tablet and mobile resolutions to test responsiveness with a clear overview.

This doesn’t work however. When I create an instance and try to resize the board the previous layout is kept and looks bugged out. It feels like a caching issue? I recorded a video of it, but I’m not allowed to send attachments 😛

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/6/65c00b333b75f3972cbdcf59558fc660e125a2f6.png)

---

<div class="post-metadata">

**Author:** ![Grga\_1712](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/grga_1712/32/3023_2.png) [@Grga\_1712](https://community.penpot.app/u/Grga_1712)\
**Post date:** [May 7, 2025, 10:34am UTC](https://community.penpot.app/t/grid-layout-glitching-when-used-in-components/6070/3 "2025-05-07T10:34:09Z")

</div>

Hmmm.. I found the same issue.

---

<div class="post-metadata">

**Author:** ![myfunnyandy](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/myfunnyandy/32/54_2.png) [@myfunnyandy](https://community.penpot.app/u/myfunnyandy)\
**Post date:** [May 15, 2025, 11:17am UTC](https://community.penpot.app/t/grid-layout-glitching-when-used-in-components/6070/4 "2025-05-15T11:17:36Z")

</div>

Hi all!

Could you send us file examples to support@penpot.app in which the issues are happening so we can take a look into them?

Thanks!