diff --git a/aider/website/_includes/leaderboard_table.js b/aider/website/_includes/leaderboard_table.js
index ae41a7397..adf0c5402 100644
--- a/aider/website/_includes/leaderboard_table.js
+++ b/aider/website/_includes/leaderboard_table.js
@@ -221,6 +221,16 @@ document.addEventListener('DOMContentLoaded', function() {
         tearMarker.style.left = '90%'; // Position at 90% (around $45)
         bar.parentNode.appendChild(tearMarker);
         
+        // Create a darker section after the tear
+        const darkSection = document.createElement('div');
+        darkSection.className = 'bar-viz';
+        darkSection.style.width = '10%'; // From 90% to 100%
+        darkSection.style.left = '90%';
+        darkSection.style.backgroundColor = 'rgba(13, 110, 253, 0.6)'; // Darker blue
+        darkSection.style.borderRight = '1px solid rgba(13, 110, 253, 0.8)';
+        darkSection.style.zIndex = '1';
+        bar.parentNode.appendChild(darkSection);
+        
         // Add a marker at the end of the bar
         const marker = document.createElement('div');
         marker.className = 'cost-exceeded-marker';