# Wrapping Border around Flex Container with Wrapped Children

**URL:** <https://forum.inductiveautomation.com/t/wrapping-border-around-flex-container-with-wrapped-children/89544>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [April 26, 2024, 5:41pm UTC](https://forum.inductiveautomation.com/t/wrapping-border-around-flex-container-with-wrapped-children/89544 "2024-04-26T17:41:51Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![John\_Winship](https://avatars.discourse-cdn.com/v4/letter/j/87869e/32.png) [@John\_Winship](https://forum.inductiveautomation.com/u/John_Winship)\
**Post date:** [April 26, 2024, 5:41pm UTC](https://forum.inductiveautomation.com/t/wrapping-border-around-flex-container-with-wrapped-children/89544/1 "2024-04-26T17:41:51Z")

</div>

Hello!

I'm attempting to implement some responsive design in my perspective project, and I'm having an issue with getting by component borders to look nice.

I have a column container as the root container for my view. The column container contains a flex container with multiple moving analog indicators, which are set to wrap. I have a border around the flex container, which I would like to wrap around the components within the flex container even when the components are wrapped. Currently, the components wrap properly, but the border does not wrap with them:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/b/ebeb33fce8e8866791b3e1376d6cdc7b926fa7d8.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/2/b2149f0018033f96079bf90ffc2e3024aea661e7.png)

What would be the best way to go about this?

Thanks in advance for your help

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [April 26, 2024, 6:07pm UTC](https://forum.inductiveautomation.com/t/wrapping-border-around-flex-container-with-wrapped-children/89544/2 "2024-04-26T18:07:15Z")

</div>

It's not wrapping with your internal components because they are overflowing the parent. The border will always be applied to the component boundaries, regardless of overflow.