I have a Container with a Row inside.

```
Container(
                                      width: MediaQuery.of(context).size.width,
                                      child: Row(
                                        mainAxisAlignment:
                                            MainAxisAlignment.center,
                                        children: [
                                          //mbx
                                          Container(
                                              width: 40.0,
                                              height: 40.0,
                                              decoration: new BoxDecoration(
                                                  color: AppColors.grisMovMap,
                                                  shape: BoxShape.circle,
                                                  image: new DecorationImage(
                                                      fit: BoxFit.fill,
                                                      image: AssetImage(
                                                          'assets/sports/MBX.png')))),
                                          SizedBox(
                                            width: 5,
                                          ),
                                          //motocross
                                          Container(
                                              width: 40.0,
                                              height: 40.0,
                                              decoration: new BoxDecoration(
                                                  color: AppColors.grisMovMap,
                                                  shape: BoxShape.circle,
                                                  image: new DecorationImage(
                                                      fit: BoxFit.fill,
                                                      image: AssetImage(
                                                          'assets/sports/motocross.png')))),
                                        ],
                                      ),
                                    )

```

The Row contains two other Containers with a circular asset image inside.

The issue is that both image are not filling the circle space, they are cut on some parts of the border.

[![enter image description here](https://i.stack.imgur.com/kZOs8.png)](https://i.stack.imgur.com/kZOs8.png)

I would like to put both images completely inside the circles, just as adding a padding value.

EDIT:

Here you have both full images to compare with the app output:

[![enter image description here](https://i.stack.imgur.com/w3lk3.png)](https://i.stack.imgur.com/w3lk3.png)
[![enter image description here](https://i.stack.imgur.com/MR73H.png)](https://i.stack.imgur.com/MR73H.png)