<Button.Checkbox
checked={active_decals.includes(decal)}
onClick={() =>
act('toggle_decal', { value: decal })
}
>
<Stack fill>
<Stack.Item>{decal}</Stack.Item>
<Stack.Item>
{active_decals.includes(decal)
? `(${active_decals.indexOf(decal) + 1})`
: ''}
</Stack.Item>
</Stack>
</Button.Checkbox>
Instead of filling out the current row, the text gets moved to a new line when trying to use stacks as `Button.Checkbox children
