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.

Start by locating the page and component that displays the error message, then reproduce the issue by submitting invalid form data in a browser. Check the message on different browsers and devices; done means its text is centered consistently without disrupting the layout.

Written by the indexing model from the issue text.