diff --git a/src/components/Dashboard/Dashboard.models.ts b/src/components/Dashboard/Dashboard.models.ts
index 7bc3996..0e16827 100644
--- a/src/components/Dashboard/Dashboard.models.ts
+++ b/src/components/Dashboard/Dashboard.models.ts
@@ -1,11 +1,11 @@
 import * as React from "react";
 
 export type DashboardMode = "expense" | "income";
-export type DashboardPeriod = "rolling" | "calendar";
+export type DashboardPeriodType = "rolling" | "calendar";
 
 export interface DashboardState {
   mode: DashboardMode;
-  period: DashboardPeriod;
+  periodType: DashboardPeriodType;
   comparison: boolean;
 }
 
diff --git a/src/components/Dashboard/Dashboard.tsx b/src/components/Dashboard/Dashboard.tsx
index e68ba4b..46a11d3 100644
--- a/src/components/Dashboard/Dashboard.tsx
+++ b/src/components/Dashboard/Dashboard.tsx
@@ -5,7 +5,7 @@ import { DashboardProps, DashboardState } from "./Dashboard.models";
 export default function Dashboard(props: DashboardProps) {
   const [state, setState] = React.useState<DashboardState>({
     mode: "expense",
-    period: "rolling",
+    periodType: "rolling",
     comparison: false,
   });
 
diff --git a/src/components/Dashboard/Dashboard.view.tsx b/src/components/Dashboard/Dashboard.view.tsx
index f0d9ed2..2ab7b30 100644
--- a/src/components/Dashboard/Dashboard.view.tsx
+++ b/src/components/Dashboard/Dashboard.view.tsx
@@ -139,8 +139,8 @@ export default function DashboardView({
                   title={section.title}
                   accentColor={colors.primary}
                   colorScheme={colors}
-                  period={period}
-                  onPeriodChange={(p: any) => setState(prev => ({ ...prev, period: p }))}
+                  periodType={period}
+                  onPeriodTypeChange={(p: any) => setState(prev => ({ ...prev, period: p }))}
                   comparison={comparison}
                   setComparison={(c: any) => setState(prev => ({ ...prev, comparison: c }))}
                 />