diff --git a/src/Dashboard.tsx b/src/Dashboard.tsx
index 5a9d5dd..4543b7b 100644
--- a/src/Dashboard.tsx
+++ b/src/Dashboard.tsx
@@ -9,11 +9,8 @@ import {
   ToggleButtonGroup
 } from "@mui/material";
 
-import LatestItemsList, { LatestItem } from "./components/LatestItemsList";
-import HistoryChart from "./components/HistoryChart";
-import {
-  AggregatedDashboardData
-} from "./components/HistoryChart";
+import LatestItemsList, { LatestItem } from "./components/LatestItems";
+import HistoryChart, { AggregatedDashboardData } from "./components/HistoryChart";
 
 import {
   fetchLatestTransactions,
diff --git a/src/components/LatestItems/LatestItems.models.ts b/src/components/LatestItems/LatestItems.models.ts
new file mode 100644
index 0000000..bd15502
--- /dev/null
+++ b/src/components/LatestItems/LatestItems.models.ts
@@ -0,0 +1,18 @@
+import * as React from "react";
+
+export interface LatestItem {
+  id: string | number;
+  icon: React.ReactNode;
+  iconBgColor?: string;
+  title: string;
+  subtitle: string;
+  amount: string;
+  timeAgo: string;
+}
+
+export interface LatestItemsListProps {
+  title?: string;
+  items: LatestItem[];
+  onViewAll?: () => void;
+  accentColor: string;
+}
diff --git a/src/components/LatestItemsList.tsx b/src/components/LatestItems/LatestItems.tsx
similarity index 98%
rename from src/components/LatestItemsList.tsx
rename to src/components/LatestItems/LatestItems.tsx
index eae5cfe..9c9f247 100644
--- a/src/components/LatestItemsList.tsx
+++ b/src/components/LatestItems/LatestItems.tsx
@@ -27,7 +27,7 @@ export interface LatestItemsListProps {
   accentColor: any;
 }
 
-export default function LatestItemsList({
+export default function LatestItems({
   title = "Recent Transactions",
   items,
   onViewAll,
diff --git a/src/components/LatestItems/LatestItems.view.tsx b/src/components/LatestItems/LatestItems.view.tsx
new file mode 100644
index 0000000..71a7983
--- /dev/null
+++ b/src/components/LatestItems/LatestItems.view.tsx
@@ -0,0 +1,6 @@
+import LatestItemsListView from "./LatestItems.view";
+import { LatestItemsListProps } from "./LatestItems.models";
+
+export default function LatestItemsList(props: LatestItemsListProps) {
+  return <LatestItemsListView {...props} />;
+}
diff --git a/src/components/LatestItems/index.ts b/src/components/LatestItems/index.ts
new file mode 100644
index 0000000..2847eeb
--- /dev/null
+++ b/src/components/LatestItems/index.ts
@@ -0,0 +1,2 @@
+export { default } from "./LatestItems";
+export * from "./LatestItems.models";