diff --git a/addons/lunch/static/src/components/lunch_dashboard.xml b/addons/lunch/static/src/components/lunch_dashboard.xml
index c4040c4712f..36226c4315a 100644
--- a/addons/lunch/static/src/components/lunch_dashboard.xml
+++ b/addons/lunch/static/src/components/lunch_dashboard.xml
@@ -70,7 +70,7 @@
     <t t-name="lunch.LunchDashboardOrder" owl="1">
         <LunchAlerts alerts="state.infos.alerts"/>
 
-        <div class="o_lunch_banner container-fluid p-4 border-bottom bg-white">
+        <div class="o_lunch_banner container-fluid p-4 border-bottom bg-view">
             <div class="row h-100">
                 <div class="col-12 col-md-4">
                     <div class="row h-100 align-content-center">
@@ -124,7 +124,7 @@
             <t t-call="lunch.LunchDashboardOrder"/>
         </t>
         <t t-else="">
-            <details class="fixed-bottom bg-white p-2" t-att-open="state.mobileOpen">
+            <details class="fixed-bottom bg-view p-2" t-att-open="state.mobileOpen">
                 <summary class="btn btn-primary w-100" t-on-click="() => state.mobileOpen = !state.mobileOpen">
                     <i class="fa fa-fw fa-shopping-cart"/>
                     Your Cart (<LunchCurrency currency="currency" amount="state.infos.total || 0"/>)