CSS properties are overriden - causing spotlight overlay to not display

[msrcodes]

Brief bug description

When using the latest version of Kontent Smart Link (v2.1.0), the :host CSS properties will be overidden by any higher-order CSS selector. For example, Tailwind CSS's Preflight sets all border width's to 0. This causes the :host border-width to be ignored, and the border width to be set to 0. This causes the spotlight overlay to be hidden.

This can be remediated by flagging the appropriate properties as !important:

Repro steps

1. Create a page using a higher-order CSS selector (such as those used by Tailwind CSS's Preflight)
2. Observe - no spotlight overlay will show
3. Add the !important flag
4. Observe - overlay will show

Expected behavior

The overlay should display.

Test environment

• Platform/OS: Windows 10
• Browser: Firefox
• Version: 89.0.2 (64-bit)

Additional context

Add any other context about the problem here.

Screenshots

Add links to screenshots, if possible.