react-bootstrap - FontAwesomeIcon をボタンの中央に配置する

Question

アイコンにreact-bootstrapボタンとfortawesome/react-fontawesomeを使用しています。このコードを使用してボタンの高さと幅を設定しています

#button-size{
  height: 1vh;
  width: 1vw;
}

次に、このコードを使用してボタン内にアイコンを挿入しています

<Button id="button-size">
  <FontAwesomeIcon icon={faFacebookF}  />
</Button>

しかし、私の問題は、アイコンがボタンの外に出ることです。ボタン内のアイコンを中央に配置するにはどうすればよいですか