diff --git a/addons/base_import/static/src/import_action/import_action.xml b/addons/base_import/static/src/import_action/import_action.xml
index eaea0f5a2c2..386f605d970 100644
--- a/addons/base_import/static/src/import_action/import_action.xml
+++ b/addons/base_import/static/src/import_action/import_action.xml
@@ -2,7 +2,7 @@
 <templates xml:space="preserve">
     <t t-name="ImportAction">
         <div class="h-100 d-flex flex-column">
-            <Layout className="'o_import_action d-flex h-100 overflow-auto bg-white'" display="display">
+            <Layout className="'o_import_action d-flex h-100 overflow-auto'" display="display">
                 <t t-set-slot="control-panel-create-button">
                     <t t-if="isPreviewing">
                         <button t-if="!state.isPaused" type="button" class="btn btn-primary" t-on-click="() => this.handleImport(false)">Import</button>
diff --git a/addons/base_import/static/src/import_data_content/import_data_content.xml b/addons/base_import/static/src/import_data_content/import_data_content.xml
index 5e254002313..84d0f426664 100644
--- a/addons/base_import/static/src/import_data_content/import_data_content.xml
+++ b/addons/base_import/static/src/import_data_content/import_data_content.xml
@@ -2,7 +2,7 @@
 <templates xml:space="preserve">
     <t t-name="ImportDataContent">
         <div class="o_import_data_content flex-grow-1 overflow-auto border-start">
-            <div t-if="props.previewError" class="border-bottom p-2 bg-light">
+            <div t-if="props.previewError" class="border-bottom p-2">
                 <div class="alert alert-danger mb-0">
                     <p>
                         Import preview failed due to: "
@@ -13,7 +13,7 @@
                     <p t-if="props.columns.length > 0">Here is the start of the file we could not import:</p>
                 </div>
             </div>
-            <div t-if="!props.options.has_headers" class="border-bottom p-0 bg-light">
+            <div t-if="!props.options.has_headers" class="border-bottom p-2">
                 <p class="alert alert-info mb-0">
                     If the file contains
                     the column names, Odoo can try auto-detecting the
@@ -21,7 +21,7 @@
                     simpler especially when the file has many columns.
                 </p>
             </div>
-            <div t-if="props.importMessages.length > 0" class="border-bottom p-2 bg-light">
+            <div t-if="props.importMessages.length > 0" class="border-bottom p-2">
                 <t t-foreach="props.importMessages" t-as="message" t-key="`${message.lines[0]}-${message_index}`">
                     <p t-att-class="getErrorMessageClass(props.importMessages, message.type, message_index)">
                         <t t-foreach="message.lines" t-as="line" t-key="`${line}-${line_index}`">
@@ -30,7 +30,7 @@
                     </p>
                 </t>
             </div>
-            <table t-if="!props.previewError" class="table table-borderless w-100">
+            <table t-if="!props.previewError" class="table table-borderless w-100 bg-view">
                 <thead>
                     <tr class="border-bottom">
                         <th scope="col" style="width: 20%;">File Column</th>
diff --git a/addons/base_import/static/src/import_data_sidepanel/import_data_sidepanel.xml b/addons/base_import/static/src/import_data_sidepanel/import_data_sidepanel.xml
index 97a373ad986..42b0186f520 100644
--- a/addons/base_import/static/src/import_data_sidepanel/import_data_sidepanel.xml
+++ b/addons/base_import/static/src/import_data_sidepanel/import_data_sidepanel.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <templates xml:space="preserve">
     <t t-name="ImportDataSidepanel">
-        <div class="o_import_data_sidepanel p-3 overflow-auto">
+        <div class="o_import_data_sidepanel p-3 overflow-auto bg-view">
             <div class="pb-4">
                 <h4>Imported file</h4>
                 <div class="mb-2 d-flex align-items-center">