diff --git a/src/routes/console/project-[project]/overview/+layout.svelte b/src/routes/console/project-[project]/overview/+layout.svelte
index b5e6308d3..911f29c11 100644
--- a/src/routes/console/project-[project]/overview/+layout.svelte
+++ b/src/routes/console/project-[project]/overview/+layout.svelte
@@ -5,12 +5,12 @@
 
     // TODO: metric type is wrong
     export function last(set: Array<unknown>): Models.Metric | null {
-        return (set as Models.Metric[]).slice(-1)[0] ?? null;
+        return (set as Models.Metric[])?.slice(-1)[0] ?? null;
     }
 
     // TODO: metric type is wrong
     export function total(set: Array<unknown>): number {
-        return (set as Models.Metric[]).reduce((prev, curr) => prev + curr.value, 0);
+        return (set as Models.Metric[])?.reduce((prev, curr) => prev + curr.value, 0);
     }
 
     export function format(number: number): string {
diff --git a/src/routes/console/project-[project]/overview/requests.svelte b/src/routes/console/project-[project]/overview/requests.svelte
index 7de023426..3753c98ae 100644
--- a/src/routes/console/project-[project]/overview/requests.svelte
+++ b/src/routes/console/project-[project]/overview/requests.svelte
@@ -20,12 +20,14 @@
     $: if (period) {
         showPeriod = false;
     }
+
+    const requestsTotal = $usage?.requestsTotal ? total($usage?.requestsTotal) : 0;
 </script>
 
 <div class="u-flex u-gap-16 u-main-space-between">
     <div>
         <div class="heading-level-4">
-            {format(total($usage?.requestsTotal))}
+            {format(requestsTotal)}
         </div>
         <div>Requests</div>
     </div>
@@ -41,7 +43,7 @@
         </svelte:fragment>
     </DropList>
 </div>
-{#if total($usage?.requestsTotal) !== 0}
+{#if requestsTotal !== 0 && requests?.length}
     <div style="height: 12rem;">
         <LineChart
             options={{
@@ -54,7 +56,7 @@
             series={[
                 {
                     name: 'Requests',
-                    data: [...requests.map((e) => [e.date, e.value])]
+                    data: [...(requests?.map((e) => [e.date, e.value]) ?? [])]
                 }
             ]} />
     </div>