字体真棒图标大小

Question

我在页面上的按钮中使用了Font Awesome图标，用于重新加载页面。当用户将鼠标悬停在按钮上时，我希望图标旋转并变大（只是图标，而不是按钮文本）所以我这样做了：

$("#clearButton").hover(function() {
$("#clearIcon").addClass('fa-spin');
$("#clearIcon").addClass('fa-lg');
});

这样可行，但是当图标变大时，它会使按钮略大，并将按钮文本推向一边。我确定我没有正确设置填充和/或边距。有什么帮助吗？

在这里小提琴：https://jsfiddle.net/2avoj27e/1/

谢谢！