diff --git a/addons/pos_self_order/static/src/kiosk/template/kiosk_template.js b/addons/pos_self_order/static/src/kiosk/template/kiosk_template.js
index f26f8ed65a1..e08d7c2eb61 100644
--- a/addons/pos_self_order/static/src/kiosk/template/kiosk_template.js
+++ b/addons/pos_self_order/static/src/kiosk/template/kiosk_template.js
@@ -39,10 +39,6 @@ export class KioskTemplate extends Component {
         });
     }
 
-    get isHeaderBanner() {
-        return this.selfOrder.kiosk_image_home;
-    }
-
     idleDetector() {
         clearTimeout(this.idleTimer);
         this.idleTimer = setTimeout(() => this.router.navigate("default"), 3 * 60 * 1000); // 5 minutes
diff --git a/addons/pos_self_order/static/src/kiosk/template/kiosk_template.xml b/addons/pos_self_order/static/src/kiosk/template/kiosk_template.xml
index 774ca39dca5..7449938650f 100644
--- a/addons/pos_self_order/static/src/kiosk/template/kiosk_template.xml
+++ b/addons/pos_self_order/static/src/kiosk/template/kiosk_template.xml
@@ -2,10 +2,10 @@
 <templates id="template" xml:space="preserve">
     <t t-name="pos_self_order.KioskTemplate" owl="1">
         <div class="o_kiosk-template h-100">
-            <section class="header-section" t-attf-style="height: {{ isHeaderBanner ? props.headerHeight : '0' }}%;">
+            <section class="header-section" t-attf-style="height: {{ props.headerHeight }}%;">
                 <t t-slot="header" />
             </section>
-            <section class="content-section position-relative z-index-0" t-attf-style="height: {{ isHeaderBanner ? props.contentHeight : props.contentHeight + props.headerHeight }}%;">
+            <section class="content-section position-relative z-index-0" t-attf-style="height: {{ props.contentHeight }}%;">
                 <t t-slot="content" />
             </section>
             <section t-attf-class="position-relative p-3 bg-transparent z-index-1 {{ showShadow ? 'o_footer_shadow' : '' }}" t-attf-style="height: {{ props.footerHeight }}%;">