363 macro text overlap and UI fixes

[adabingw]

Description

#363

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Note: make sure your files are formatted with rust-analyzer

[netlify]

✅ Deploy Preview for lodestone-storybook ready!

Name	Link
🔨 Latest commit	0fcef17
🔍 Latest deploy log	https://app.netlify.com/sites/lodestone-storybook/deploys/666fdcc33c5e9b0008c0663d
😎 Deploy Preview	https://deploy-preview-384--lodestone-storybook.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for lodestone-dashboard ready!

Name	Link
🔨 Latest commit	0fcef17
🔍 Latest deploy log	https://app.netlify.com/sites/lodestone-dashboard/deploys/666fdcc3064c3f0009752c4d
😎 Deploy Preview	https://deploy-preview-384--lodestone-dashboard.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.