🐛 Bug - Sidebar Width Issue on Safari

Requested by: @griffenedge via YakShaver.ai 🦬
cc: @griffenedge, @designbyalex, @brookjeynes-ssw, @adamcogan, @babakamyljanovssw

Hi Team!

  🟥  Watch the video (1 min 30 sec)

  Url from screen share: https://www.ssw.com.au/ssw/Company/Offices/Sydney

Pain

The sidebar on the SSW Sydney office page is constrained to an inappropriate width on Safari, affecting content display. This issue does not occur on other browsers like Chrome.

Acceptance Criteria

1. The sidebar on the SSW Sydney office page should display correctly on Safari, matching the width and layout seen on Chrome.
2. Ensure the sidebar content is fully visible and not constrained.
3. Verify that the left column content adheres to WCAG guidelines, with a maximum of 80 characters per line.

Reproduce Steps

1. Open Safari browser.
2. Navigate to the SSW Sydney office page on the SSW Website (Dev - Next.js).
3. Observe the sidebar width and compare it to the same page on Chrome.
4. Check the left column content for line length compliance with WCAG guidelines.

Screenshot

Figure: Safari sidebar width issue on SSW Sydney office page

Start with the SSW Sydney office page at the URL in the issue, comparing its Safari and Chrome rendering in the Dev - Next.js site. Locate the page implementation and styling responsible for the sidebar and left column; done means Safari matches Chrome, the sidebar content is fully visible, and left-column lines meet the stated WCAG constraint.