diff --git a/addons/sale/views/sale_portal_templates.xml b/addons/sale/views/sale_portal_templates.xml
index 3fa594a0f90..ce4169de48d 100644
--- a/addons/sale/views/sale_portal_templates.xml
+++ b/addons/sale/views/sale_portal_templates.xml
@@ -597,13 +597,9 @@
 
             <section t-if="sale_order.signature" id="signature" name="Signature">
                 <div class="row mt-4" name="signature">
-                    <div class="offset-8 col-4">
-                        <strong>Signature</strong>
-                    </div>
-                    <div class="offset-8 col-4">
-                        <img t-att-src="'data:image/png;base64,%s' % to_text(sale_order.signature)" style="max-height: 4cm; max-width: 8cm;"/>
-                    </div>
-                    <div class="offset-8 col-4 text-center">
+                    <div t-attf-class="#{'col-3' if report_type != 'html' else 'col-sm-7 col-md-4'} ml-auto text-center">
+                        <h5>Signature</h5>
+                        <img t-att-src="'data:image/png;base64,%s' % to_text(sale_order.signature)" style="max-height: 6rem; max-width: 100%;"/>
                         <p t-field="sale_order.signed_by"/>
                     </div>
                 </div>