diff --git a/app/assets/javascripts/chartDashboard.js b/app/assets/javascripts/chartDashboard.js
index 31d95aa4b..505e3d926 100644
--- a/app/assets/javascripts/chartDashboard.js
+++ b/app/assets/javascripts/chartDashboard.js
@@ -1,5 +1,5 @@
 document.addEventListener('DOMContentLoaded', function () {
-    var canvas = document.getElementById('myChart');
+    var canvas = document.getElementById('totalMessageChart');
     var ctx = canvas.getContext('2d');
     // Set explicit dimensions for the canvas
     canvas.width = canvas.parentElement.clientWidth;
diff --git a/app/templates/views/dashboard/dashboard.html b/app/templates/views/dashboard/dashboard.html
index b31b38240..c431f0955 100644
--- a/app/templates/views/dashboard/dashboard.html
+++ b/app/templates/views/dashboard/dashboard.html
@@ -31,7 +31,7 @@
     <div id="chartContainer" data-sms-sent="{{ sms_sent }}" data-sms-allowance-remaining="{{ sms_allowance_remaining }}">
       <h3 class="margin-bottom-1" id="chartTitle">2024 Total Message Allowance</h3>
       <div class="usa-sr-only" id="chartDesc">A bar chart showing the messages sent against the total message allowance for 2024 to date</div>
-      <canvas id="myChart" role="img" aria-labelledby="chartTitle chartDesc" height="100"></canvas>
+      <canvas id="totalMessageChart" role="img" aria-labelledby="chartTitle chartDesc" height="100"></canvas>
     </div>
     <div id="message"></div>