Error Message Text Not Center-Aligned

Describe the bug
The error message text is not center-aligned, affecting the layout and making the message look misaligned.

To Reproduce
Steps to reproduce the behavior:

Go to the page where the error message is displayed.

Trigger an error (e.g., submit a form with invalid data).

Observe the error message text.

Expected behavior
The error message should be center-aligned on the screen for better visibility and consistency with the design.
If applicable, add screenshots to help explain your problem.

Smartphone (please complete the following information):

Device: Samsung A15

Additional context
The issue occurs across different browsers and devices.

Search the React application for the error-message rendering and its associated styles, then reproduce the issue by submitting a form with invalid data. Done means the error text is center-aligned consistently across the reported browsers and devices.

Written by the indexing model from the issue text.