diff --git a/packages/website/docs/_samples/fiori/UserSettingsDialog/Basic/main.js b/packages/website/docs/_samples/fiori/UserSettingsDialog/Basic/main.js
index 309c4a26d2e76..62d115d180f3b 100644
--- a/packages/website/docs/_samples/fiori/UserSettingsDialog/Basic/main.js
+++ b/packages/website/docs/_samples/fiori/UserSettingsDialog/Basic/main.js
@@ -1,3 +1,4 @@
+import "@ui5/webcomponents-base/dist/features/F6Navigation.js";
 import "@ui5/webcomponents-fiori/dist/UserSettingsAccountView.js";
 import "@ui5/webcomponents-fiori/dist/UserSettingsAppearanceView.js";
 import "@ui5/webcomponents-fiori/dist/UserSettingsAppearanceViewItem.js";
diff --git a/packages/website/docs/_samples/fiori/UserSettingsDialog/Basic/sample.tsx b/packages/website/docs/_samples/fiori/UserSettingsDialog/Basic/sample.tsx
index 3a7b6686ff041..6aa4908a07e84 100644
--- a/packages/website/docs/_samples/fiori/UserSettingsDialog/Basic/sample.tsx
+++ b/packages/website/docs/_samples/fiori/UserSettingsDialog/Basic/sample.tsx
@@ -1,3 +1,4 @@
+import "@ui5/webcomponents-base/dist/features/F6Navigation.js";
 import createReactComponent from "@ui5/webcomponents-base/dist/createReactComponent.js";
 import { type UI5CustomEvent } from "@ui5/webcomponents-base";
 import { useRef, useCallback } from "react";
diff --git a/packages/website/docs/_samples/fiori/UserSettingsDialog/SaveMode/main.js b/packages/website/docs/_samples/fiori/UserSettingsDialog/SaveMode/main.js
index 0c8861036438e..e8b49fadff63e 100644
--- a/packages/website/docs/_samples/fiori/UserSettingsDialog/SaveMode/main.js
+++ b/packages/website/docs/_samples/fiori/UserSettingsDialog/SaveMode/main.js
@@ -1,3 +1,4 @@
+import "@ui5/webcomponents-base/dist/features/F6Navigation.js";
 import "@ui5/webcomponents-fiori/dist/UserSettingsAccountView.js";
 import "@ui5/webcomponents-fiori/dist/UserSettingsAppearanceView.js";
 import "@ui5/webcomponents-fiori/dist/UserSettingsAppearanceViewItem.js";
diff --git a/packages/website/docs/_samples/fiori/UserSettingsDialog/SaveMode/sample.tsx b/packages/website/docs/_samples/fiori/UserSettingsDialog/SaveMode/sample.tsx
index 5e3abb366410d..fafd25c97e7ca 100644
--- a/packages/website/docs/_samples/fiori/UserSettingsDialog/SaveMode/sample.tsx
+++ b/packages/website/docs/_samples/fiori/UserSettingsDialog/SaveMode/sample.tsx
@@ -1,3 +1,4 @@
+import "@ui5/webcomponents-base/dist/features/F6Navigation.js";
 import createReactComponent from "@ui5/webcomponents-base/dist/createReactComponent.js";
 import { type UI5CustomEvent } from "@ui5/webcomponents-base";
 import { useRef, useCallback } from "react";