Help reverting one CSS style added by the Designer

I have a MAIN form where you have a dropdown menu, depending on that menu X IFrame appears. Before adding design to both the MAIN and the IFRAME forms, it was displaying correctly but now look: https://form.jotform.com/60415836657967 you can see the Iframe looks really to the right. Again, before adding Design it was a little to the right but just good enough to fit. Can you help me fix this?

It looks like using the Designer added a bit of styling that has caused this change. I see that the Designer added the following line of CSS:

.form-input, .form-address-table, .form-matrix-table {
    width: 100%;
    max-width: 148px;
}

The part marked in red is what is causing the issue - the field around the second embedded form is constricted to having a maximum width of only 148 pixels. We can easily fix this issue by adding the following CSS to override it:

.form-input {
    max-width: none;
}

You can add this code by opening your form in the Designer again, and pasting it at the bottom of the textbox in the CSS tab:

After that change, your form will display as in the following image:

Please try the above recommended change and kindly let us know how it goes.