ngfor display not according to array received

Question

Below is the object i receive from the backend

{
"30-04-2022": [
    {
        "id": 3,
        "user_id": 3,
        "amount": 178000,
        "created_at": "2022-04-30T17:12:12.000000Z",
        "updated_at": "2022-04-30T08:39:45.000000Z",
    },
    {
        "id": 4,
        "user_id": 4,
        "amount": 101500,
        "created_at": "2022-04-30T20:13:13.000000Z",
        "updated_at": "2022-04-30T08:39:33.000000Z",
    
    }
],
"24-04-2022": [
    {
        "id": 3,
        "user_id": 3,
        "amount": 178000,
        "created_at": "2022-04-30T17:12:12.000000Z",
        "updated_at": "2022-04-30T08:39:45.000000Z",
    },
    {
        "id": 4,
        "user_id": 4,
        "amount": 101500,
        "created_at": "2022-04-30T20:13:13.000000Z",
        "updated_at": "2022-04-30T08:39:33.000000Z",
    }
]}

But the display in ngfor is reversed. Cant understand why this is happening. Please refer to the image below.

is there a way to display items as it is show in the object without reversing its order