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 running the food-ordering app and opening the page that displays an error after submitting invalid form data. Locate the component and styles responsible for that message, then verify the text is centered consistently across the reported browsers and devices.

Written by the indexing model from the issue text.