Dropdowns are misaligned

[silvalaura]

Describe the bug Dropdowns are misaligned with the DropdownButtons. In addition, dropdowns have more padding around them than we expect, so we should adjust that.

To Reproduce Steps to reproduce the behavior:

1. Open any dropdown

Expected behavior

1. Dropdown buttons and the flyouts should align, whether that's align left or right based on the alignment prop. There should also be a few pixels between the button and the dropdown.
2. Dropdown margin and padding are adjusted to match @orion-cengage 's guidance.

Screenshots

Considerations

• Let's ensure we thoroughly test this with all drop directions and alignments
• We also should make sure to update the docs site dropdown examples that use custom styling to make sure they are consistent

[silvalaura]

Address this after #62