File for reference: https://www.figma.com/file/v9PuyvEWCmWZ631e3KpWo5/Error?type=design&node-id=0%3A1&mode=design&t=3uOJJX0KDqEZ405s-1
I created a dialog box that uses a nested component called “footer” where I added two instances of the button component.
The buttons have a minimum size, as the footer is supposed to wrap if the container gets too small.
The component works fine, until I change one of the button variants. I have a variant called “Error” for one of the buttons (don’t come after me with variables, it doesn’t allow for enough modes to use it for button states). When I change the button variant, it breaks the wrap and both buttons are smushed together in a single row. I can get them to wrap again but only if I change them to “hug”, but I need them to fill each of their lines.
