# Prevent elements from nesting when dropped above each other

**URL:** <https://community.penpot.app/t/prevent-elements-from-nesting-when-dropped-above-each-other/4059>\
**Category:** Ask the community\
**Tags:** design, libraries-templates\
**Created:** [November 26, 2023, 8:47am UTC](https://community.penpot.app/t/prevent-elements-from-nesting-when-dropped-above-each-other/4059 "2023-11-26T08:47:05Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![jaqmol](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/jaqmol/32/4006_2.png) [@jaqmol](https://community.penpot.app/u/jaqmol)\
**Post date:** [November 26, 2023, 8:47am UTC](https://community.penpot.app/t/prevent-elements-from-nesting-when-dropped-above-each-other/4059/1 "2023-11-26T08:47:06Z")

</div>

I’m sorry if this question was already asked, but I couldn’t find an answer with the wording I would use to describe the issue.

I’m trying to get along with the material design asset library and have huge problems moving around components. As soon as I move components above each other, penpot is automatically nesting them. Which is very often destroying the layout of the element nested into.

How are you supposed to use component libraries? How to arrange components without accidental nesting?

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![RenanMayrinckDesign](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/renanmayrinckdesign/32/3104_2.png) [@RenanMayrinckDesign](https://community.penpot.app/u/RenanMayrinckDesign)\
**Post date:** [November 27, 2023, 11:14pm UTC](https://community.penpot.app/t/prevent-elements-from-nesting-when-dropped-above-each-other/4059/2 "2023-11-27T23:14:22Z")

</div>

Hello @jaqmol !  
The way I found to do this is locking layers I don’t want anything new set inside.