diff --git a/modules/nginx-interactive-index/listing.js b/modules/nginx-interactive-index/listing.js
index c7841de..0109341 100644
--- a/modules/nginx-interactive-index/listing.js
+++ b/modules/nginx-interactive-index/listing.js
@@ -39,13 +39,13 @@ document.addEventListener('DOMContentLoaded', () => {
   const collator = new Intl.Collator('kn', {numeric: true})
 
   // transform plain text to table
-  document.querySelector('pre').outerHTML = '<table><tr><th>Name</th><th>Size</th></tr><tr><td><a href="..">..</a></td><td>-</td></tr>' + document.querySelector('pre').innerHTML
+  document.querySelector('pre').outerHTML = '<table><thead><tr><th>Name</th><th>Size</th></tr></thead><tbody><tr><td><a href="..">..</a></td><td>-</td></tr>' + document.querySelector('pre').innerHTML
     .split('\n')
     .filter(line => line !== '')
     .filter(line => line !== '<a href="../">../</a>')
     .map(processLine)
     .sort(collator.compare)
-    .join('\n') + '</table>'
+    .join('\n') + '</tbody></table>'
 
   let searchField = document.createElement('input')
   searchField.id = 'search-field'