Chrome 142.0.7444.162 (64-bit) regression causing Social Media Menu icons to break layout in Page Footer component

Problem/Motivation

#3558331: Chrome 142.0.7444.162 (64-bit) regression causing Social Media Menu icons to break layout in Vartheme BS5

After updating to Chrome Version 142.0.7444.162 (64-bit), the Social Media Menu icons in Vartheme BS5 started breaking into multiple rows and rendering with inconsistent vertical alignment.

This issue appears to be triggered by a Chrome regression affecting inline-flex, gap, and vertical-alignment inside flex containers. The problem did not exist in previous Chrome versions.

Steps to reproduce

1. Update Chrome to 142.0.7444.162.
2. View the Social Media Menu block in the footer (default Varbase / Vartheme BS5).
3. Icons no longer appear in a single horizontal row and break into two rows with spacing issues.

Proposed resolution

Icons should display in one consistent row, as before.
Override the Social Media Menu wrapper styles to ensure consistent behavior across Chrome versions

After the fix:

Remaining tasks

• ✅ File an issue about this project
• ✅ Addition/Change/Update/Fix to this project
• ✅ Testing to ensure no regression
• ➖ Automated unit/functional testing coverage
• ➖ Developer Documentation support on feature change/addition
• ➖ User Guide Documentation support on feature change/addition
• ➖ UX/UI designer responsibilities
• ➖ Accessibility and Readability
• ✅ Code review from 1 Varbase core team member
• ✅ Full testing and approval
• ✅ Credit contributors
• ✅ Review with the product owner
• ✅ Update Release Notes and Update Helper on new feature change/addition
• ✅ Release varbase-10.0.8, varbase_components-2.0.14

Varbase update type

• ✅ No Update
• ➖ Optional Update
• ➖ Forced Update
• ➖ Forced Update if Unchanged

User interface changes

• N/A

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• fix: #3558776 Chrome 142.0.7444.162 (64-bit) regression causing Social Media Menu icons to break layout in Page Footer component