It seems they have fixed it upstream. Can we please get the changes pushed to the CR app?

Thanks!

@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap); :root { --
primary-color: #298AAB; --secondary-color: #7081e0; --line-height: 1.6; } body { -webkit-
font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Roboto,
Helvetica, sans-serif; font-size: "7px"; zoom: 80%; } @page { margin: 6.35mm; size: A4
portrait; } p { margin: 0; padding: 0; } .header-container { display: grid; grid-template-
columns: 1fr 1fr 1fr; gap: 20px; } .company-logo { max-width: 65%; } #company-details {
display: flex; flex-direction: column; line-height: var(--line-height); } #company-details >
p:first-child { color: var(--primary-color); } #company-address { display: flex; flex-direction:
column; line-height: var(--line-height); } .entity-label { margin-top: 2.5rem; text-transform:
uppercase; padding-left: 1rem; margin-bottom: 1rem; font-weight: bold; color: var(--primary-
color); } .client-and-entity-wrapper { display: flex; padding: 1rem; border-top: 1px solid
#d8d8d8; border-bottom: 1px solid #d8d8d8; } #entity-details { text-align: left; margin-
right: 20px; } #entity-details > tr, #entity-details th { font-weight: normal; padding-right:
15px; padding-top: 2.5px; padding-bottom: 2.5px; } #client-details { display: flex; flex-
direction: column; line-height: var(--line-height); } #client-details > :first-child { font-
weight: bold; } [data-ref="table"] { margin-top: 3rem; /* margin-bottom: 200px; */ min-
width: 100%; table-layout: fixed; overflow-wrap: break-word; } .task-time-details { display:
block; margin-top: 5px; color: grey; } [data-ref="table"] > thead { text-align: left; } [data-
ref="table"] > thead > tr > th { font-size: 1.1rem; padding-bottom: 1.5rem; padding-left:
1rem; } [data-ref="table"] > tbody > tr > td { border-top: 1px solid #d8d8d8; border-
bottom: 1px solid #d8d8d8; padding: 1.5rem 1rem; } [data-ref="table"] > tbody > tr >
td:first-child { color: var(--primary-color); } [data-ref="table"] > thead > tr > th:last-child,
[data-ref="table"] > tbody > tr > td:last-child { text-align: right; } [data-ref="table"] >
thead > tr > th:last-child { padding-right: 1rem; } [data-ref="table"] > tbody > tr:nth-
child(odd) { background-color: #f5f5f5; } #table-totals { page-break-inside: avoid; }
#table-totals { margin-top: 1rem; display: grid; grid-template-columns: 2fr 1fr; padding-top:
.5rem; padding-right: 1rem; gap: 80px; } #table-totals .totals-table-right-side > * { display:
grid; grid-template-columns: 1fr 1fr; } #table-totals>.totals-table-right-side>*> :nth-
child(1) { text-align: "left"; margin-top: .75rem; } #table-totals>.totals-table-right-side>*>
:nth-child(2) { text-align: right; } #table-totals>.totals-table-right-side> * > :not([hidden])
~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.75rem * calc(1 - var(--tw-space-
y-reverse))); margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); } #table-totals > *
[data-element='product-table-balance-due-label'], #table-totals > * [data-
element='product-table-balance-due'] { font-weight: bold; } #table-totals > * [data-
element='product-table-balance-due'] { color: var(--primary-color); } #table-totals > * >
:last-child { text-align: right; padding-right: 1rem; } #footer { margin-top: 30px; } /**
Markdown-specific styles. **/ #product-table h3, #task-table h3, #delivery-note-table h3 {
font-size: 1rem; margin-bottom: 0; } .company-logo-container { display: flex; flex-direction:
column; justify-content: flex-end; } [data-ref="statement-totals"] { margin-top: 1rem; text-
align: right; margin-right: .75rem; } [data-ref*=".line_total-td"] { white-space: nowrap; } /**
.repeating-header, .repeating-header-space, **/ .repeating-footer, .repeating-footer-space {
height: 160px; } .repeating-header { position: fixed; top: 0; } .repeating-footer { position:
fixed; bottom: 0; } /** Useful snippets, uncomment to enable. **/ /** Hide company logo **/
/* .company-logo { display: none } */ /* Hide company details */ /* #company-details > * {
display: none } */ /* Hide company address */ /* #company-address > * { display: none } */
/* Hide public notes */ /* [data-ref="total_table-public_notes"] { display: none } */ /* Hide
terms label */ /* [data-ref="total_table-terms-label"] { display: none } */ /* Hide totals table
*/ /* #table-totals { display: none } */ /* Hide totals table left side */ /* #table-totals
div:first-child > * { display: none !important } */ /* Hide totals table right side */ /* .totals-
table-right-side { display: none } */ /** For more info, please check our docs:
https://invoiceninja.github.io **/ /** To find out selectors on your own:
https://invoiceninja.github.io/docs/custom-fields/#snippets **/
John's Designs
United States
INVOICE
Invoice Number
0001
Invoice Date
24/Jan/2022
Invoice Total
$0.00
Balance Due
$0.00
John Doe
// Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present. document.addEventListener('DOMContentLoad
let tables = [ 'product-table', 'task-table', 'delivery-note-table', 'statement-invoice-table', 'statement-payment-table', 'statement-aging-ta
'statement-invoice-table-totals', 'statement-payment-table-totals', 'statement-aging-table' ]; tables.forEach((tableIdenti�er) => {
console.log(document.getElementById(tableIdenti�er)); document.getElementById(tableIdenti�er)?.childElementCount === 0 ?
document.getElementById(tableIdenti�er).style.setProperty('display', 'none', 'important') : ''; }); }); document.querySelectorAll('#statem
invoice-table > thead > tr > th, #statement-payment-table > thead > tr > th, #statement-aging-table > thead > tr > th').forEach(t => { t.hi
false; }); document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll("#product-table > tbody > tr > td, #
> tbody > tr > td, #delivery-note-table > tbody > tr > td").forEach(t=>{if(""!==t.innerText){let e=t.getAttribute("data-
ref") slice(0 -3);document querySelector(`th[data-ref="${e}-th"]`) removeAttribute("hidden")}}) document querySelectorAll("#product-ta
0001
United States
Item
Description
Unit Cost
Quantity
Line Total
MODELING
CUSTOM CAD MODEL
$0.00
1
$0.00
Net
$0.00
Subtotal
$0.00
Total
$0.00
Paid to Date
$0.00
Balance Due
$0.00
ref ).slice(0,-3);document.querySelector( th[data-ref= ${e}-th ] ).removeAttribute( hidden )}}),document.querySelectorAll( #product-ta
> tr > td, #task-table > tbody > tr > td, #delivery-note-table > tbody > tr > td").forEach(t=>{let e=t.getAttribute("data-ref").slice(0,-3);
(e=document.querySelector(`th[data-ref="${e}-
th"]`)).hasAttribute("hidden")&&""==t.innerText&&t.setAttribute("hidden","true")})},!1);document.addEventListener("D