diff --git a/packages/suite-web/src/support/Router.tsx b/packages/suite-web/src/support/Router.tsx
index e9eab41f138..8c644b1f4bc 100644
--- a/packages/suite-web/src/support/Router.tsx
+++ b/packages/suite-web/src/support/Router.tsx
@@ -126,10 +126,6 @@ const components: Record<PageName, LazyExoticComponent<ComponentType<any>>> = {
         () => import(/* webpackChunkName: "password-manager" */ 'src/views/password-manager'),
     ),
 
-    'settings-contacts': lazy(
-        () => import(/* webpackChunkName: "contacts" */ 'src/views/contacts'),
-    ),
-
     // settings
     'settings-index': lazy(() =>
         import(
@@ -151,6 +147,11 @@ const components: Record<PageName, LazyExoticComponent<ComponentType<any>>> = {
             /* webpackChunkName: "settings" */ 'src/views/settings/SettingsDevice/SettingsDevice'
         ).then(({ SettingsDevice }) => ({ default: SettingsDevice })),
     ),
+    'settings-contacts': lazy(() =>
+        import(/* webpackChunkName: "contacts" */ 'src/views/contacts').then(
+            ({ SettingsContacts }) => ({ default: SettingsContacts }),
+        ),
+    ),
 };
 
 const AppRouter = () => (
diff --git a/packages/suite/src/views/contacts/index.tsx b/packages/suite/src/views/contacts/index.tsx
index dbf81687b64..45229315724 100644
--- a/packages/suite/src/views/contacts/index.tsx
+++ b/packages/suite/src/views/contacts/index.tsx
@@ -230,7 +230,7 @@ const Contacts = ({ device }: { device: TrezorDevice }) => {
     );
 };
 
-const ContactsView = () => {
+export const SettingsContacts = () => {
     const device = useSelector(selectDevice);
 
     if (!device) {
@@ -243,5 +243,3 @@ const ContactsView = () => {
         </SettingsLayout>
     );
 };
-
-export default ContactsView;