Mobile Layout Bug

### Describe the bug

The mobile layout is experiencing issues, with elements appearing misaligned or behaving unexpectedly. This affects the overall user experience on mobile devices.

### Reproduction

https://celeris-web.vercel.app/#/dashboard/index

### System Info

```Shell
-
```

### Validations

- [X] Follow our [Code of Conduct](https://github.com/kirklin/.github/blob/main/CODE_OF_CONDUCT.md)
- [X] Read the [Contributing Guide](https://github.com/kirklin/contribute).
- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- [X] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
- [X] The provided reproduction is a [minimal reproducible](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.

Start with the dashboard reproduction at https://celeris-web.vercel.app/#/dashboard/index and inspect it at mobile viewport sizes. Compare the affected elements with the desktop layout to identify the misalignment or unexpected behavior. Done means the dashboard layout is usable and correctly aligned on mobile devices, with the reported behavior no longer present.

Written by the indexing model from the issue text.