Flutter Hover On Button Changes Text Letter Spacing

Viewed 390

Can someone please tell me why is this happening? When I hover over a button, the text letter spacing above changes. Both button are the same but somehow it's only happening to one button?

Flutter Button Hover Bug

                             Row(
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: [
                                  FittedBox(
                                    fit: BoxFit.contain,
                                    child: FlatButton(
                                      padding: EdgeInsets.symmetric(
                                          horizontal: 40.0, vertical: 15.0),
                                      shape: RoundedRectangleBorder(
                                        borderRadius:
                                            BorderRadius.circular(80.0),
                                        side: BorderSide(
                                          color: Colors.white,
                                          width: 3,
                                        ),
                                      ),
                                      onPressed: () => Navigator.of(context)
                                          .pushNamed(EnterView.routeName),
                                      child: Text(
                                        'YES',
                                        style: Styles.boldBodyText(),
                                      ),
                                    ),
                                  ),
                                  SizedBox(width: 30.0),
                                  FittedBox(
                                    fit: BoxFit.contain,
                                    child: FlatButton(
                                      padding: EdgeInsets.symmetric(
                                          horizontal: 40.0, vertical: 15.0),
                                      shape: RoundedRectangleBorder(
                                        borderRadius:
                                            BorderRadius.circular(80.0),
                                        side: BorderSide(
                                          color: Colors.white,
                                          width: 3,
                                        ),
                                      ),
                                      onPressed: _toNotQueue,
                                      child: Text(
                                        'NO',
                                        style: Styles.boldBodyText(),
                                      ),
                                    ),
                                  ),
                                ],
                              )
0 Answers
Related