diff --git a/src/App.tsx b/src/App.tsx
index d5793ea..833d06b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -50,6 +50,7 @@ const App = (): JSX.Element => {
                         <Layout>
                             <Routes>
                                 <Route path="/" element={<Home />} />
+                                <Route path="/api/saas" />
                                 <Route path="/about" element={<About />} />
                                 <Route path="/pricing" element={<Pricing />} />
                                 <Route
diff --git a/src/layout/Header.tsx b/src/layout/Header.tsx
index a456abc..d54c239 100644
--- a/src/layout/Header.tsx
+++ b/src/layout/Header.tsx
@@ -71,9 +71,7 @@ const Header = ({ onSidebarOpen }: Props): JSX.Element => {
                         }}
                     >
                         <CustomButton href={'/'} text="Home" />
-                        {!featureFlagged && (
-                            <CustomButton href={'/api/sass'} text="API" />
-                        )}
+                        <CustomButton href={'/api/sass'} text="API" />
                         <CustomButton href={'/about'} text="About" />
                         <CustomButton href={'/pricing'} text="Pricing" />
                         {!featureFlagged && (
diff --git a/src/layout/Sidebar.tsx b/src/layout/Sidebar.tsx
index cb7d6fd..4ba74b4 100644
--- a/src/layout/Sidebar.tsx
+++ b/src/layout/Sidebar.tsx
@@ -54,6 +54,9 @@ const Sidebar = ({ open, onClose }: Props): JSX.Element => {
                         <Box paddingY={2}>
                             <CustomButton href={'/'} text="Home" />
                         </Box>
+                        <Box paddingY={2}>
+                            <CustomButton href={'/api'} text="API" />
+                        </Box>
                         <Box paddingY={2}>
                             <CustomButton href={'/about'} text="About" />
                         </Box>