Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

Popover arrow doesn't match the header background if placement is bottom.

There is a potential fix using variables:

.bs-popover-auto[data-popper-placement^='bottom'] .popover-arrow:has(+ .popover-header)::after,
.bs-popover-bottom .popover-arrow:has(+ .popover-header)::after {
  --bs-popover-bg: var(--bs-popover-header-bg);
}

Reduced test cases

https://stackblitz.com/edit/wb5ais?file=index.html

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

macOS

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

No response

What version of Bootstrap are you using?

5.3