Pagination button icons are slightly cut off

[ReneZeidler]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/p/sandbox/swiper-css-mode-forked-sqm8k5

Bug description

The arrow icons of the pagination buttons are slightly cut off at the top/bottom:

This is especially visible when setting --swiper-navigation-size to a very large value, but is noticeable at the default size of 44px as well.

This happens because the path element slightly clips outside of the view box of the SVG. The caret is not vertically centered, leading to a slight disalignment between the left and right icon as well.

Expected Behavior

No response

Actual Behavior

No response

Swiper version

12.1.1

Platform/Target and Browser Versions

Edge 145 / Firefox 147

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

[ReneZeidler]

A temporary workaround is

injectStyles: ['.swiper-navigation-icon path { transform: translateY(-0.3px) }']

[bluetiger1008]

@ReneZeidler can I get this task?