# Text after radio not wrapping if it exceed the view width

**URL:** <https://forum.inductiveautomation.com/t/text-after-radio-not-wrapping-if-it-exceed-the-view-width/106096>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 9, 2025, 6:32am UTC](https://forum.inductiveautomation.com/t/text-after-radio-not-wrapping-if-it-exceed-the-view-width/106096 "2025-05-09T06:32:23Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jayachandran.m](https://avatars.discourse-cdn.com/v4/letter/j/f4b2a3/32.png) [@jayachandran.m](https://forum.inductiveautomation.com/u/jayachandran.m)\
**Post date:** [May 9, 2025, 6:32am UTC](https://forum.inductiveautomation.com/t/text-after-radio-not-wrapping-if-it-exceed-the-view-width/106096/1 "2025-05-09T06:32:23Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/b/8b959f81b42898926677a7dd231506b9b5175e49.png)

Hi, when the text in the radio label exceeds the view width, it is not wrapping up properly as you could see in above. Is there any property so i can set to wrap the text next to the radio icon.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [May 9, 2025, 9:17am UTC](https://forum.inductiveautomation.com/t/text-after-radio-not-wrapping-if-it-exceed-the-view-width/106096/2 "2025-05-09T09:17:21Z")

</div>

This seems like a bug... I don't think _anyone_ would want the radio buttons and their text to not be aligned with each other... (unless they're a customer doing their own work of course 🤭)

You can fix it by adding this to your stylesheet:

```python
.ia_radioGroupComponent_radioWrapper--row {
    flex-flow: nowrap;
}

```

---

<div class="post-metadata">

**Author:** ![jayachandran.m](https://avatars.discourse-cdn.com/v4/letter/j/f4b2a3/32.png) [@jayachandran.m](https://forum.inductiveautomation.com/u/jayachandran.m)\
**Post date:** [May 9, 2025, 1:11pm UTC](https://forum.inductiveautomation.com/t/text-after-radio-not-wrapping-if-it-exceed-the-view-width/106096/3 "2025-05-09T13:11:07Z")

</div>

**Thank you, it's working perfectly now!** I wasn’t aware that components in Perspective could be customized this way — I’m still gradually learning how everything fits together. Is this kind of information available in the official documentation or manual? I’d really appreciate it if you could point me to a reliable source so I can study it further.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [May 9, 2025, 10:20pm UTC](https://forum.inductiveautomation.com/t/text-after-radio-not-wrapping-if-it-exceed-the-view-width/106096/4 "2025-05-09T22:20:53Z")

</div>

No it's not available in the doco and it's officially unsupported. You will need to use the browser's dev tools to inspect different elements on the page and view their css, and work out from there what needs to change. It does require a reasonable understanding of css