[BUG]: StyledDrop component Overlap with other Texts

[abdulbasithqb]

Expected Behavior

I expected the StyledDrop component not to overlap with other texts on the page.

Actual Behavior

The StyledDrop component is overlapping with other texts on the page.

URL, screen shot, or Codepen exhibiting the issue

Steps to Reproduce

1. Open Grommer storybook
2. Go to Datasort -> Drop component
3. hover sort icon -> sort hover text overlapped with Other texts

Your Environment

• Grommet version:
• Browser Name and version:
• Operating System and version (desktop or mobile):

[abdulbasithqb]

This is happening because StyledDrop's background is returning none which leads to the background becoming transparent.

[umeshiscreative]

This is happening because StyledDrop's background is returning none which leads to the background becoming transparent.

Hi, I checked and found this bug is not related to the above statement. The theme of the Tip component causing a problem.

https://github.com/grommet/grommet/pull/4613/files#diff-71ffed64924857857580abe456716f5824b0acb941c993452e0955c3bec9c6c0R1184

Added the attached screenshots:

Working Version:

Background Property should be accepted as per design guidelines mention in the HPE theme itself.