diff --git a/aprsd/web/static/js/charts.js b/aprsd/web/static/js/charts.js
index 998b43d..6de71b3 100644
--- a/aprsd/web/static/js/charts.js
+++ b/aprsd/web/static/js/charts.js
@@ -11,6 +11,8 @@ window.chartColors = {
     black: 'rgb(0, 0, 0)'
 };
 
+function size_dict(d){c=0; for (i in d) ++c; return c}
+
 function start_charts() {
     Chart.scaleService.updateScaleDefaults('linear', {
         ticks: {
@@ -221,6 +223,10 @@ function update_packets( data ) {
 
     $('.ui.accordion').accordion('refresh');
 
+    // Update the count of messages shown
+    cnt = size_dict(packet_list);
+    console.log("packets list " + cnt)
+    $('#packets_count').html(cnt);
 
     const html_pretty = Prism.highlight(JSON.stringify(data, null, '\t'), Prism.languages.json, 'json');
     $("#packetsjson").html(html_pretty);
diff --git a/aprsd/web/templates/index.html b/aprsd/web/templates/index.html
index d0a7f7b..345e85f 100644
--- a/aprsd/web/templates/index.html
+++ b/aprsd/web/templates/index.html
@@ -80,7 +80,7 @@
             </div>
 
             <div class="ui tab" data-tab="msgs-tab">
-              <h3>Messages</h3>
+                <h3>Messages (<span id="packets_count">0</span>)</h3>
               <div class="ui styled fluid accordion" id="accordion">
                   <div id="packetsDiv">
                   </div>