Alignment of button text in grid changes if href tag is set

[buhln]

Prerequisites

• I am using the correct version of React-Bootstrap for my version of Bootstrap
• I have searched for duplicate or closed issues
• I have read the contributing guidelines

Describe the bug

The alignment of the text of a button in a grid depends on if the href tag is used.

Without href tag:

<Col className="p-3 d-flex justify-content-center">
  <Button variant="primary"><span className="bi-window"></span>&nbsp;Test</Button>
</Col> 

With href tag:

<Col className="p-3 d-flex justify-content-center">
  <Button variant="primary" href="#"><span className="bi-window"></span>&nbsp;Test</Button>
</Col> 

Expected behavior

Expected behavior is that in both cases the text is vertical and horizontal centered.

To Reproduce

No response

Reproducible Example

https://codesandbox.io/embed/dazzling-dream-53y7xq?fontsize=14&hidenavigation=1&theme=dark

Screenshots

No response

What operating system(s) are you seeing the problem on?

No response

What browser(s) are you seeing the problem on?

Microsoft Edge

What version of React-Bootstrap are you using?

2.8.0

What version of Bootstrap are you using?

5.3.1

Additional context

No response

[ParthSatasiya]

@buhln I added the solution to it within this MR: twbs/bootstrap#39764.