bug: 3 inline then 1 out of line formats differently than Discord

[Chew]

Is there an existing issue for this?

• [X] I have searched the existing issues

Description of the bug

I seem to ran into a problem with inline rendering, at least on React.

Here's the code for what I have, for reference. https://github.com/Chew/ChewHelp/blob/master/src/components/mlb/PlanGameCommand.tsx

It renders mostly fine, see my docs.

But, it should look like this:

The bottom should span across the three, but only goes up to the first one and stops, causing some rendering issues.

It's very possible I broke something, I followed every guide I could to a tee!

Steps To Reproduce

1. Make a new embed field wrapper with 3 inline fields and then 1 non-inline field
2. Observe behavior

Expected behavior

I expected it to look like Discord, with the bottom field spanning all three.

Screenshots

No response

Additional context

No response

[favna]

Start by removing inline={true} inlineIndex={1} from <DiscordEmbedField fieldTitle="📻 Listen" inline={true} inlineIndex={1}>. The field from your discord bot is also not inline.

I used devtools inspector to make that change on your docs and that fixes the whole embed: