diff --git a/packages/front-end/src/App.tsx b/packages/front-end/src/App.tsx
index fa4b7e7cd..859d7fc0c 100644
--- a/packages/front-end/src/App.tsx
+++ b/packages/front-end/src/App.tsx
@@ -1,4 +1,4 @@
-import { Route, Routes, Navigate } from "react-router-dom";
+import { Navigate, Route, Routes } from "react-router-dom";
 import { ToastContainer } from "react-toastify";
 
 import ApolloProvider from "./clients/Apollo/Apollo";
@@ -8,14 +8,15 @@ import { Header } from "./components/Header";
 import { Init } from "./components/Init";
 import { MobileWarning } from "./components/MobileWarning";
 import { AppPaths } from "./config/appPaths";
+import { useScrollToTop } from "./hooks/useScrollToTop";
 import { Dashboard } from "./pages/Dashboard";
 import { OTC } from "./pages/OTC";
 import { OptionsTrading } from "./pages/OptionsTrading";
 import { PrivacyPolicy } from "./pages/PrivacyPolicy";
+import { Rewards } from "./pages/Rewards";
 import { TermsOfService } from "./pages/TermsOfService";
 import { Vault } from "./pages/Vault";
 import { GlobalContextProvider } from "./state/GlobalContext";
-import { useScrollToTop } from "./hooks/useScrollToTop";
 
 import "react-toastify/dist/ReactToastify.css";
 import "./App.css";
@@ -41,6 +42,7 @@ function App() {
                     path={AppPaths.PRIVACY_POLICY}
                     element={<PrivacyPolicy />}
                   />
+                  <Route path={AppPaths.REWARDS} element={<Rewards />} />
                   <Route
                     path={AppPaths.TERMS_OF_SERVICE}
                     element={<TermsOfService />}
diff --git a/packages/front-end/src/components/Header.tsx b/packages/front-end/src/components/Header.tsx
index 0bd9df235..f79f6db2c 100644
--- a/packages/front-end/src/components/Header.tsx
+++ b/packages/front-end/src/components/Header.tsx
@@ -16,6 +16,7 @@ const links = [
   { id: "header-options", path: AppPaths.TRADE, label: "Trade Options" },
   { id: "header-vault", path: AppPaths.VAULT, label: "Vault" },
   { id: "header-dashboard", path: AppPaths.DASHBOARD, label: "Dashboard" },
+  { id: "header-rewards", path: AppPaths.REWARDS, label: "Rewards" },
 ];
 
 export const Header = () => {
diff --git a/packages/front-end/src/config/appPaths.ts b/packages/front-end/src/config/appPaths.ts
index abddfea6d..130d55242 100644
--- a/packages/front-end/src/config/appPaths.ts
+++ b/packages/front-end/src/config/appPaths.ts
@@ -4,6 +4,7 @@ export enum AppPaths {
   HOME = "/",
   OTC = "/otc",
   PRIVACY_POLICY = "/privacy-policy",
+  REWARDS = "/rewards",
   TERMS_OF_SERVICE = "/terms-of-service",
   TRADE = "/options",
   VAULT = "/vault",