I have a pop up which brings 3 suggestions returned from openAI API. I then place them in a radio button and provide them as options to the user to choose from. The issue is that when text is long it shows fine on the desktop but on mobile it overflows the container and the row it is in. There is no way to set radio button text width dynamically so I have set it to 550px to show correctly on desktop but this obviously does not work for the mobile. Any help here?
Here is Desktop view which is perfect
Here is Mobile View with problems. It does not wraps the option text unless the width goes above 550
Here are the width settings of radiobutton
