I'm trying to make a new report for purchase orders but no matter how i try it doesn't go all the way down, there's a huge white space at the end after what i put as the footer, here is some of the stuff related to the code i have in my .xml template

<style>

.cea-bottom {

position: absolute;

left: 22px;

right: 22px;

bottom: 18px;

display: flex;

flex-direction: column;

gap: 10px;

}

.cea-signatures {

width: 100%;

font-size: 10px;

color: #000000;

}

.cea-signatures td {

text-align: center;

padding-top: 40px;

}

.cea-footer-bar {

margin-top: 18px;

background: #398ec4;

color: #ffffff;

text-align: center;

padding: 6px 0 5px;

font-size: 10px;

}

</style>

....

<div class="cea-bottom">

<table class="cea-signatures">

<tr>

<td>

___<br/>

<span t-esc="o.userid.name"/><br/>

DIGITADA POR

</td>

<td>

__<br/>

<span t-esc="o._fields.get('approver_id') and o.approver_id.name or o.user_id.name"/><br/>

APROBADA POR

</td>

</tr>

</table>

<div class="cea-footer-bar">

Sample text

</div>

</div>

and here's the format i'm using

<odoo>

<record id="paperformat_purchase_order_cea" model="report.paperformat">

<field name="name">Orden de compras CEA</field>

<field name="format">A4</field>

<field name="margin_top">0</field>

<field name="margin_bottom">0</field>

<field name="margin_left">0</field>

<field name="margin_right">0</field>

<field name="orientation">Portrait</field>

<field name="header_line" eval="False"/>

<field name="dpi">90</field>

</record>