diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index a891794..69fb40b 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -2,7 +2,7 @@ import { Routes } from '@angular/router';
 import { ExpensePage } from './pages/expenses/expense-page.component';
 import { HomePage } from './pages/home/home-page.component';
 import { MetadataPageComponent } from './pages/metadata/metadata-page.component';
-import { SettingsPageComponent } from './pages/settings/settings-page.component';
+import { ReportsPageComponent } from './pages/reports/reports-page.component';
 
 export const routes: Routes = [
   {
@@ -18,7 +18,7 @@ export const routes: Routes = [
     component: MetadataPageComponent
   },
   {
-    path: 'settings',
-    component: SettingsPageComponent
+    path: 'reports',
+    component: ReportsPageComponent
   }
 ];
diff --git a/src/app/app.ts b/src/app/app.ts
index a9619ac..9f8339a 100644
--- a/src/app/app.ts
+++ b/src/app/app.ts
@@ -29,8 +29,8 @@ export class App {
       href: '/metadata'
     },
     {
-      text: 'Settings',
-      href: '/settings'
+      text: 'Reports',
+      href: '/reports'
     }
   ]);
 }
diff --git a/src/app/pages/reports/reports-page.component.html b/src/app/pages/reports/reports-page.component.html
new file mode 100644
index 0000000..cbc6bbb
--- /dev/null
+++ b/src/app/pages/reports/reports-page.component.html
@@ -0,0 +1,3 @@
+<div class="reports-page-container">
+  Reports page
+</div>
diff --git a/src/app/pages/settings/settings-page.component.scss b/src/app/pages/reports/reports-page.component.scss
similarity index 100%
rename from src/app/pages/settings/settings-page.component.scss
rename to src/app/pages/reports/reports-page.component.scss
diff --git a/src/app/pages/reports/reports-page.component.ts b/src/app/pages/reports/reports-page.component.ts
new file mode 100644
index 0000000..e0fc9e4
--- /dev/null
+++ b/src/app/pages/reports/reports-page.component.ts
@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-reports-page',
+  imports: [],
+  templateUrl: './reports-page.component.html',
+  styleUrl: './reports-page.component.scss'
+})
+export class ReportsPageComponent { }
diff --git a/src/app/pages/settings/settings-page.component.html b/src/app/pages/settings/settings-page.component.html
deleted file mode 100644
index 4119953..0000000
--- a/src/app/pages/settings/settings-page.component.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="settings-page-container">
-  Settings page
-</div>
diff --git a/src/app/pages/settings/settings-page.component.ts b/src/app/pages/settings/settings-page.component.ts
deleted file mode 100644
index dc4e2f1..0000000
--- a/src/app/pages/settings/settings-page.component.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-settings-page',
-  imports: [],
-  templateUrl: './settings-page.component.html',
-  styleUrl: './settings-page.component.scss'
-})
-export class SettingsPageComponent { }