Toolbar: filter icon is not centered when in responsive view

[janahintal]

Describe the bug A clear and concise description of what the bug is.

To Reproduce

Steps to reproduce the behavior:

1. Go to

• https://main-enterprise.demo.design.infor.com/components/toolbar/example-no-action-button.html?theme=classic&mode=light&colors=default
• https://main-enterprise.demo.design.infor.com/components/toolbar/example-no-title-icon-buttons.html
• almost all toolbar examples that has responsive icons

2. Minimize to responsive view
3. Focus on the Category filter icon

Expected behavior Should be centered

Version

• ids-enterprise: [e.g. v4.9.0 or v4.10.0]

Screenshots If applicable, add screenshots to help explain your problem.

Platform

• Infor Application/Team Name: [e.g. Infor XYZ, Infor ABC]
• Device: (if applicable) [e.g. iPhone 6 or Samsung Galaxy S6]
• OS Version: [e.g. Windows 10 or iOS 8]
• Browser Name: [e.g. chrome, safari, stock browser]
• Browser Version: [e.g. 22, 66.0.3359.181 (Official Build) (64-bit)]

Additional context Add any other context about the problem here.