diff --git a/custom_list_view/static/description/assets/screenshot/duplicate_record.png b/custom_list_view/static/description/assets/screenshot/duplicate_record.png
deleted file mode 100644
index 2d18fc5fe..000000000
Binary files a/custom_list_view/static/description/assets/screenshot/duplicate_record.png and /dev/null differ
diff --git a/custom_list_view/static/description/assets/screenshot/highlight.png b/custom_list_view/static/description/assets/screenshot/highlight.png
new file mode 100644
index 000000000..5f1df4ffd
Binary files /dev/null and b/custom_list_view/static/description/assets/screenshot/highlight.png differ
diff --git a/custom_list_view/static/description/assets/screenshot/highlight_record.png b/custom_list_view/static/description/assets/screenshot/highlight_record.png
deleted file mode 100644
index 9ffc2baa9..000000000
Binary files a/custom_list_view/static/description/assets/screenshot/highlight_record.png and /dev/null differ
diff --git a/custom_list_view/static/description/assets/screenshot/row_number.png b/custom_list_view/static/description/assets/screenshot/row_number.png
deleted file mode 100644
index a90da3db2..000000000
Binary files a/custom_list_view/static/description/assets/screenshot/row_number.png and /dev/null differ
diff --git a/custom_list_view/static/description/assets/screenshot/so_duplicate.png b/custom_list_view/static/description/assets/screenshot/so_duplicate.png
new file mode 100644
index 000000000..b03f76a50
Binary files /dev/null and b/custom_list_view/static/description/assets/screenshot/so_duplicate.png differ
diff --git a/custom_list_view/static/description/assets/screenshot/so_row_number.png b/custom_list_view/static/description/assets/screenshot/so_row_number.png
new file mode 100644
index 000000000..675699890
Binary files /dev/null and b/custom_list_view/static/description/assets/screenshot/so_row_number.png differ
diff --git a/custom_list_view/static/description/assets/screenshot/so_sticky_header.png b/custom_list_view/static/description/assets/screenshot/so_sticky_header.png
new file mode 100644
index 000000000..7e96169c0
Binary files /dev/null and b/custom_list_view/static/description/assets/screenshot/so_sticky_header.png differ
diff --git a/custom_list_view/static/description/assets/screenshot/sticky_header.png b/custom_list_view/static/description/assets/screenshot/sticky_header.png
deleted file mode 100644
index 0bf7a61b1..000000000
Binary files a/custom_list_view/static/description/assets/screenshot/sticky_header.png and /dev/null differ
diff --git a/custom_list_view/static/description/index.html b/custom_list_view/static/description/index.html
index 58cbc2194..346959ed7 100644
--- a/custom_list_view/static/description/index.html
+++ b/custom_list_view/static/description/index.html
@@ -182,28 +182,28 @@
             <h4 class="mt-2"
                 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                 Sticky Header in List Views</h4>
-            <img src="assets/screenshot/sticky_header.png" class="img-responsive img-thumbnail border" width="100%"
+            <img src="assets/screenshot/so_sticky_header.png" class="img-responsive img-thumbnail border" width="100%"
                  height="auto"/>
         </div>
         <div class="col-lg-12 my-2">
             <h4 class="mt-2"
                 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                 Row Numbers in List Views</h4>
-            <img src="assets/screenshot/row_number.png" class="img-responsive img-thumbnail border" width="100%"
+            <img src="assets/screenshot/so_row_number.png" class="img-responsive img-thumbnail border" width="100%"
                  height="auto"/>
         </div>
         <div class="col-lg-12 my-2">
             <h4 class="mt-2"
                 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                 Duplicate Records From List Views</h4>
-            <img src="assets/screenshot/duplicate_record.png" class="img-responsive img-thumbnail border" width="100%"
+            <img src="assets/screenshot/so_duplicate.png" class="img-responsive img-thumbnail border" width="100%"
                  height="auto"/>
         </div>
         <div class="col-lg-12 my-2">
             <h4 class="mt-2"
                 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                 Highlight Records From List Views</h4>
-            <img src="assets/screenshot/highlight_record.png" class="img-responsive img-thumbnail border" width="100%"
+            <img src="assets/screenshot/highlight.png" class="img-responsive img-thumbnail border" width="100%"
                  height="auto"/>
         </div>
 
diff --git a/custom_list_view/static/src/js/record_highlight.js b/custom_list_view/static/src/js/record_highlight.js
index a32838c02..0eb8e5a45 100644
--- a/custom_list_view/static/src/js/record_highlight.js
+++ b/custom_list_view/static/src/js/record_highlight.js
@@ -17,4 +17,4 @@ odoo.define('custom_list_view.record_highlighted', function (require) {
             }
         },
     });
-});
+});0
diff --git a/custom_list_view/static/src/js/serial_no.js b/custom_list_view/static/src/js/serial_no.js
index 9432daefd..8e93352f4 100644
--- a/custom_list_view/static/src/js/serial_no.js
+++ b/custom_list_view/static/src/js/serial_no.js
@@ -23,7 +23,7 @@ ListRenderer.include({
     _renderHeader: function () {
         var $thead = this._super.apply(this, arguments);
         if (this.hasSelectors) {
-            $thead.find('th.o_list_record_selector').before($('<th>', {class: 'o_list_serial_number_header'}).html('SI.NO'));
+            $thead.find('th.o_list_record_selector').after($('<th>', {class: 'o_list_serial_number_header'}).html('SI.NO'));
         }
         return $thead;
     },
@@ -31,7 +31,7 @@ ListRenderer.include({
          var $rows = this._super(record);
     	 var index = this.state.data.indexOf(record)
 	    	if (this.hasSelectors) {
-	    		$rows.prepend($("<th class='o_list_serial_number'>").html(index+1));
+	    		$rows.find('td.o_list_record_selector').after($('<td>', {class: 'o_list_serial_number_header'}).html(index+1));
     	}
     	return $rows;
     },