<Badge> inside <Button> is inconsistent between themes.

[bradenmacdonald]

When a <Button size="sm"> contains a <Badge> element:

1. Bug: with the edx.org theme, the button grows in height and is no longer consistent with other size="sm" buttons:
   
   Compare to without a badge, where the buttons had the same height:
   
2. Bug?: with the Open edX theme, the badge preserves the button's height correctly but seems like it could use a bit more padding above and below the badge text ("+2" here).
   
3. Neither the <Badge> nor <Button> docs page have any examples of a badge inside a button, but I think this should be shown as a supported example. It is in Bootstrap docs and Flowbite docs for example.

---

Context, FWIW: building a button with a dropdown to select filter options, like this: