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(),
),
),
),
],
)