i have a php website where some data is displayed in a page and user can print it using the javascript print button i have given, the page while printing looks like below:

function myFunction() {
    window.print();
}

enter image description here

now i have given the user to select the page size they want and print accordingly, so i did the following css:

    @media print {
              @page {
          size: A4;
      }
      }

i have goven 3 options for the user A3,A4,A5. A3 is coming fine while A4 and A5 is misaligned for example like below:

enter image description here

can anyone please tell me how to fix it, thanks in advance