Bug: Tailwind stylesheets overrides microbridge design

[L03TJ3]

Bug Description

Tailwind styles interfere with native-base styles because of generic HTML selectors used

imported stylesheet:

GoodProtocolUI/src/styles/index.css

Line 2 in 6023dd0

@tailwind base;

explaining issue (fixed for the switch component):

GoodProtocolUI/src/styles/index.css

Line 69 in 6023dd0

@layer base {

Steps to Reproduce

1. Go to dev.gooddapp
2. Click on microbridge
3. connect a wallet

Additional Context
(result)

(storybook-example)

[sirpy]

@L03TJ3 please share a link to the problematic tailwind stylesheets and where do we import them

[L03TJ3]

@sirpy added the issue description

[sirpy]

can we use something like reseting the parent component style?
https://www.tutorialrepublic.com/faq/how-to-reset-or-remove-css-style-for-a-particular-element.php#:~:text=Answer%3A%20Use%20the%20CSS%20all,to%20browser's%20default%20CSS%20styling).

[decentralauren]

• @decentralauren assign to Microbridge epic for dapp