Misaligned and overflowing demo buttons on Dashboard #364
Description
Describe the bug
The “Book a demo” button has the word “demo” scattered or misaligned inside it, and the “Watch demo” button’s text (“demo video”) overflows or is cut off, affecting readability and functionality on mobile view.
To Reproduce
Steps to reproduce the behavior:
- Go to 'https://app.aixblock.io'
- Open in Chrome on iPhone
- Navigate to the Dashboard
- Observe “Book a demo” and “Watch demo” buttons
Expected behavior
The text in both buttons should be properly aligned and fully contained within the button boundaries, with responsive padding and font adjustments for mobile.
Screenshots
Desktop (please complete the following information):
- OS: N/A
- Browser N/A
- Version N/A
Smartphone (please complete the following information):
- Device: iphone 12 pro max
- OS: iOS 26
- Browser chrome
- Version 128
Additional context
This issue prevents users from easily booking or watching demos on iPhone 12 Pro Max or any other mobile or smaller resolution device, impacting user experience. Video evidence: https://www.youtube.com/shorts/LbUNhl4gFc4