diff --git a/frontend/src/lib/components/reporting/ReportingDateRangeSelector.svelte b/frontend/src/lib/components/reporting/ReportingDateRangeSelector.svelte
index 162cc721a5c..07cd9ae3b00 100644
--- a/frontend/src/lib/components/reporting/ReportingDateRangeSelector.svelte
+++ b/frontend/src/lib/components/reporting/ReportingDateRangeSelector.svelte
@@ -2,7 +2,7 @@
   import { i18n } from "$lib/stores/i18n";
   import type { ReportingPeriod } from "$lib/types/reporting";
 
-  let selectedRange: ReportingPeriod = "all";
+  let period: ReportingPeriod = "all";
 
   const options: Array<{
     value: ReportingPeriod;
@@ -14,7 +14,7 @@
   ];
 
   function handleChange(value: ReportingPeriod) {
-    selectedRange = value;
+    period = value;
   }
 </script>
 
@@ -28,8 +28,8 @@
             type="radio"
             name="dateRange"
             value={option.value}
-            checked={selectedRange === option.value}
-            aria-checked={selectedRange === option.value}
+            checked={period === option.value}
+            aria-checked={period === option.value}
             on:change={() => handleChange(option.value)}
           />
           <span class="label">{option.label}</span>