diff --git a/src/routes/(console)/project-[region]-[project]/settings/usage/[[invoice]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/settings/usage/[[invoice]]/+page.svelte
index 81ee6ada9..24b82ae7b 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/usage/[[invoice]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/usage/[[invoice]]/+page.svelte
@@ -34,8 +34,14 @@
     $: dbWrites = data.usage.databasesWrites;
 
     $: legendData = [
-        { name: 'Reads', value: data.usage.databasesReadsTotal },
-        { name: 'Writes', value: data.usage.databasesWritesTotal }
+        {
+            name: 'Reads',
+            value: data.usage.databasesReads.reduce((sum, item) => sum + item.value, 0)
+        },
+        {
+            name: 'Writes',
+            value: data.usage.databasesWrites.reduce((sum, item) => sum + item.value, 0)
+        }
     ];
 
     const tier = data?.currentInvoice?.plan ?? $organization?.billingPlan;