diff --git a/custom_list_view/static/src/js/record_highlight.js b/custom_list_view/static/src/js/record_highlight.js
index ef7dcc8ec..4e55d5fb7 100644
--- a/custom_list_view/static/src/js/record_highlight.js
+++ b/custom_list_view/static/src/js/record_highlight.js
@@ -10,9 +10,14 @@ patch(ListRenderer.prototype, 'custom_list_view/static/src/js/record_highlight.j
       setup(){
          this._super(...arguments)
         onMounted(() => {
-        var list = $('.o_section_and_note_list_view thead').find('tr')
-        var elem ='<th style="min-width: 33px; width: 67px;">Sl No</th>'
-        list.prepend(elem)
+        var tdElement = document.createElement('td');
+        var thElement = document.createElement('th');
+        thElement.innerText = "Sl No"
+        thElement.style.width = "60px"
+        var firstRow = $(this.__owl__.bdom.parentEl.querySelectorAll('.o_list_table')).find('thead tr').first();
+        var secondRow = $(this.__owl__.bdom.parentEl.querySelectorAll('.o_list_footer')).find('tr').first();
+        firstRow.prepend(thElement);
+        secondRow.prepend(tdElement);
         });
       },
 
diff --git a/custom_list_view/static/src/xml/record_highlight.xml b/custom_list_view/static/src/xml/record_highlight.xml
index 24c0dca5f..3ec2ff743 100644
--- a/custom_list_view/static/src/xml/record_highlight.xml
+++ b/custom_list_view/static/src/xml/record_highlight.xml
@@ -1,9 +1,4 @@
 <templates id="template" xml:space="preserve">
-    <t t-name="custom_list_view.ListRenderer" t-inherit="web.ListRenderer" t-inherit-mode="extension" owl="1">
-        <xpath expr="//table/thead/tr/th[@t-if='hasSelectors']" position="before">
-            <th>Sl No</th>
-        </xpath>
-    </t>
     <t t-name="custom_list_view.add_number" t-inherit="web.ListRenderer.Rows" t-inherit-mode="extension" owl="1">
         <xpath expr="//t[@t-foreach='list.records']" position="before">
             <t t-set="RowNumber" t-value="1" />