title: Tapping on the circular icon button gets converted to square in flutter
body: <p>I added circular buttons in my flutter mobile app but when I tap or click on them, those buttons gets converted to square buttons. I am adding my code below, please let me know what I am doing wrong, your help will be highly appreciated. Thanks,</p>
  
  <pre><code>child: Material(
              color: Colors.black,
              shape: CircleBorder(),
              child: Center(
                child: Ink(
                  decoration: const ShapeDecoration(
                    color: Colors.white12,
                    shape: CircleBorder(),
                  ),
                  child: IconButton(
                    icon: Icon(Icons.home),
                    color: Colors.white70,
                    onPressed: () {
                      bool isGR = Game.of(context).isGameRunning();
                      if (isGR) {
                        Game.of(context).pause();
                      }
                      TapboxA.of(context).backToSplash();
                    },
                  ),
                ),
              ),
            ),
  
  </code></pre>
  
  <p>I am adding images as well below:</p>
  
  <p><a href="https://i.stack.imgur.com/NJQY7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NJQY7.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/8ekDY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8ekDY.png" alt="enter image description here"></a></p>