【Font Awesome】アイコンとテキストを重ねると位置がズレてしまい調整できない

Question

Font Awesome5.15

やりたいこと
・アイコンとテキストを重ねたい
。枠線内の中央にアイコンとテキストを収めたい

ここを参考にしました。
Font Awesomeのファイルアイコンの中にテキストを追加する

アイコンとテキストを重ねると以下のように位置がおかしくなり
paddingを設定しても効かないです。

何が原因でしょうか？分かる方教えて下さい。

.fa-stack {
  color: #666;
  font-size: 3em;  
}
.fa-stack-1x {
  font-size: 0.5em;
  font-family: monospace;
  padding: 80px 10px 0 0;
}

    <span class="fa-stack fa-lg">
		 <i class="fa fa-gift fa-stack-2x fa-border"></i>
		 <i class="fa fa-stack-1x">プレゼント</i>
	</span>