fix: DBC UI tooltip aligment

[hughhhh]

SUMMARY

Fix DB connection UI tooltip alignment, they aren't perfect but much better than before

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

TESTING INSTRUCTIONS

ADDITIONAL INFORMATION

• Has associated issue:
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[codecov]

Codecov Report

Merging #15595 (2ccde22) into master (301b94f) will not change coverage.
The diff coverage is n/a.

❗ Current head 2ccde22 differs from pull request most recent head 78a69a5. Consider uploading reports for the commit 78a69a5 to get more accurate results

@@           Coverage Diff           @@
##           master   #15595   +/-   ##
=======================================
  Coverage   76.96%   76.96%           
=======================================
  Files         976      976           
  Lines       51318    51318           
  Branches     6907     6907           
=======================================
  Hits        39496    39496           
  Misses      11603    11603           
  Partials      219      219           

Flag	Coverage Δ
javascript	71.42% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...c/views/CRUD/data/database/DatabaseModal/index.tsx	47.86% <ø> (ø)
...c/views/CRUD/data/database/DatabaseModal/styles.ts	82.72% <ø> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 301b94f...78a69a5. Read the comment docs.

[rosemarie-chiu]

🏷 2021.27

[yousoph]

@hughhhh this should be inline with the text