Layout Misalignment in Safari for Custom Exam Sheet

[Chirag2x]

The layout of the Custom Exam Sheet generated by CustomExamSheetComponent.tsx is not rendering properly in Safari. Specifically:
The questions are not aligned as expected between columns.
Questions 35 and 36 do not break correctly, causing the layout to look misaligned.
The same code works perfectly on Chrome, Firefox and Brave.

Steps to Reproduce:
Go to Bubble Scan and generate the Custom Exam Sheet Component on Safari.
Print the exam sheet using the Command + P.
Observe the misalignment between columns, Overflows.

Expected Behavior:
The questions should be evenly distributed between the two columns.
Question 36 should start exactly in the same row as Question 1 in the next column.

Browsers Tested:
Chrome: Works as expected.
Firefox: Works as expected.
Brave: Works as expected.
Safari: Layout issues present.

Developer note:
You might want to edit the customexamsheetcomponents.tsx for this issue.

Proposed Fix:
Investigate if Safari-specific CSS adjustments or JavaScript layout control might solve this issue.

Screenshots: