**Problem:**

As you can see when I provide margin to my `BottomAppBar`, it looks ugly. I am not sure what's the right way of doing it. 

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

**Minimal reproducible code:**

```
@override
Widget build(BuildContext context) {
  return Scaffold(
    floatingActionButton: FloatingActionButton(onPressed: null, child: Icon(Icons.add)),
    floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
    bottomNavigationBar: Container(
      margin: EdgeInsets.symmetric(horizontal: 32),
      child: BottomAppBar(
        shape: CircularNotchedRectangle(),
        child: Container(height: 50),
      ),
    ),
  );
}

```

**PS:** 

I'm not looking for any workaround like using `Transform` sort of widget to fix this issue.