diff --git a/addons/web/static/src/scss/bootstrap_overridden.scss b/addons/web/static/src/scss/bootstrap_overridden.scss
index d22555dd0e3..29ed9a31a16 100644
--- a/addons/web/static/src/scss/bootstrap_overridden.scss
+++ b/addons/web/static/src/scss/bootstrap_overridden.scss
@@ -139,7 +139,7 @@ $headings-color: $o-main-headings-color !default;
 
 $table-striped-color: inherit !default;
 $table-striped-bg-factor: .01 !default;
-$table-hover-bg-factor: .075 !default;
+$table-hover-bg-factor: .055 !default;
 $table-border-color: $gray-200 !default;
 $table-group-separator-color: $gray-200 !default;
 $table-cell-padding-x: .75rem !default;
diff --git a/addons/web/static/src/views/list/list_renderer.scss b/addons/web/static/src/views/list/list_renderer.scss
index f6023f59963..239ee06e4d7 100644
--- a/addons/web/static/src/views/list/list_renderer.scss
+++ b/addons/web/static/src/views/list/list_renderer.scss
@@ -394,13 +394,11 @@
     // 1. we set the global separator (gray line) of the table on the row (bottom) and not on the cell (bottom)
     .o_data_row {
         border-bottom-width: 1px;
-        &:not(.o_selected_row) {
-            &:focus-within {
-                background-color: lighten($o-form-lightsecondary, 10%);
-            }
-            &:hover {
-                background-color: lighten($o-form-lightsecondary, 16%);
-            }
+
+        &:not(.o_selected_row):not(.o_data_row_selected):focus-within > * {
+            $-focus-bg: mix($table-color, $table-bg, percentage($table-hover-bg-factor + 0.1));
+
+            --#{$variable-prefix}table-accent-bg: #{$-focus-bg};
         }
     }
 
diff --git a/addons/web/static/src/views/list/list_renderer.xml b/addons/web/static/src/views/list/list_renderer.xml
index 5526dd16f78..7cae6da0396 100644
--- a/addons/web/static/src/views/list/list_renderer.xml
+++ b/addons/web/static/src/views/list/list_renderer.xml
@@ -12,7 +12,7 @@
             <t t-if="showNoContentHelper" t-call="web.ActionHelper">
                 <t t-set="noContentHelp" t-value="props.noContentHelp"/>
             </t>
-            <table t-if="showTable" t-attf-class="o_list_table table table-sm position-relative mb-0  {{props.list.isGrouped ? 'o_list_table_grouped' : 'o_list_table_ungrouped table-striped'}}" t-ref="table">
+            <table t-if="showTable" t-attf-class="o_list_table table table-sm table-hover position-relative mb-0  {{props.list.isGrouped ? 'o_list_table_grouped' : 'o_list_table_ungrouped table-striped'}}" t-ref="table">
                 <thead>
                     <tr>
                         <th t-if="hasSelectors" class="o_list_record_selector o_list_controller align-middle pe-1 cursor-pointer" tabindex="-1" t-on-keydown.synthetic="(ev) => this.onCellKeydown(ev)" t-on-click.stop="toggleSelection">