diff --git a/packages/webapp/src/components/Preferences/PreferencesTopbar.tsx b/packages/webapp/src/components/Preferences/PreferencesTopbar.tsx
index d46f4d1b0..0fcbc737b 100644
--- a/packages/webapp/src/components/Preferences/PreferencesTopbar.tsx
+++ b/packages/webapp/src/components/Preferences/PreferencesTopbar.tsx
@@ -9,6 +9,7 @@ import UsersActions from '@/containers/Preferences/Users/UsersActions';
 import CurrenciesActions from '@/containers/Preferences/Currencies/CurrenciesActions';
 import WarehousesActions from '@/containers/Preferences/Warehouses/WarehousesActions';
 import BranchesActions from '@/containers/Preferences/Branches/BranchesActions';
+import ApiKeysActions from '@/containers/Preferences/ApiKeys/ApiKeysActions';
 import withDashboard from '@/containers/Dashboard/withDashboard';
 
 import { compose } from '@/utils';
@@ -48,6 +49,11 @@ function PreferencesTopbar({ preferencesPageTitle }) {
               path={'/preferences/branches'}
               component={BranchesActions}
             />
+            <Route
+              exact
+              path={'/preferences/api-keys'}
+              component={ApiKeysActions}
+            />
           </Switch>
         </Route>
       </div>