# Space between Flex Repeater instances

**URL:** <https://forum.inductiveautomation.com/t/space-between-flex-repeater-instances/104262>\
**Category:** Ignition\
**Created:** [March 26, 2025, 5:04pm UTC](https://forum.inductiveautomation.com/t/space-between-flex-repeater-instances/104262 "2025-03-26T17:04:33Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![alikhan9347921](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@alikhan9347921](https://forum.inductiveautomation.com/u/alikhan9347921)\
**Post date:** [March 26, 2025, 5:04pm UTC](https://forum.inductiveautomation.com/t/space-between-flex-repeater-instances/104262/1 "2025-03-26T17:04:33Z")

</div>

Hi Team,

I have a Flex container and inside it i have a Flex Repeater and Label. On the Flex Repeater i have Labels which looks something like this.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/9/3920a7759609b024712e6d6152140cfcfc080c3a.png)  
when i have one instance.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/b/1b4a1df3a8602d5e432b01818328bba3c559bc28.png)  
when i have 2 instances.

i want it to look something like this without spacing.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/b/ab50a52210361d956de10fe2ccde95e1f7a71a30.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/3/03f334d77c766b098b58057db1a29541ec47c269.png)

---

<div class="post-metadata">

**Author:** ![ryan.white](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan.white/32/73193_2.png) [@ryan.white](https://forum.inductiveautomation.com/u/ryan.white)\
**Post date:** [March 26, 2025, 5:11pm UTC](https://forum.inductiveautomation.com/t/space-between-flex-repeater-instances/104262/2 "2025-03-26T17:11:38Z")

</div>

> [@Flex Repeater element styles](https://forum.inductiveautomation.com/t/flex-repeater-element-styles/103846/19):
>
> Based on a quick browse of the repeater props you posted earlier, it looks like the box size in each instance is being driven by the embedded view. Open the embedded view and tweak to your needs. You likely have a label component with a margin defined on its style, or the root container of the embedded view has padding defined on its style.

You likely have a padding value set on your embedded view's root container. Adjust/remove that padding value and use `gap` in the flex repeater's `props.style` to control the spacing between instances.

---

<div class="post-metadata">

**Author:** ![alikhan9347921](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@alikhan9347921](https://forum.inductiveautomation.com/u/alikhan9347921)\
**Post date:** [March 27, 2025, 6:17pm UTC](https://forum.inductiveautomation.com/t/space-between-flex-repeater-instances/104262/3 "2025-03-27T18:17:21Z")

</div>

Thanks, gap-row works.