diff --git a/src/common/front-end-routing/routes/preferences/extension/extension-preferences-route.injectable.ts b/src/common/front-end-routing/routes/preferences/extension/extension-preferences-route.injectable.ts
index 0b9015008e..77bf98f255 100644
--- a/src/common/front-end-routing/routes/preferences/extension/extension-preferences-route.injectable.ts
+++ b/src/common/front-end-routing/routes/preferences/extension/extension-preferences-route.injectable.ts
@@ -9,13 +9,14 @@ import { routeInjectionToken } from "../../../route-injection-token";
 
 interface ExtensionPreferenceRouteParams {
   extensionId: string;
+  tabId?: string;
 }
 
 const extensionPreferencesRouteInjectable = getInjectable({
   id: "extension-preferences-route",
 
   instantiate: (): Route<ExtensionPreferenceRouteParams> => ({
-    path: "/preferences/extension/:extensionId",
+    path: "/preferences/extension/:extensionId/:tabId?",
     clusterFrame: false,
     isEnabled: computed(() => true),
   }),
diff --git a/src/common/front-end-routing/routes/preferences/extension/navigate-to-extension-preferences.injectable.ts b/src/common/front-end-routing/routes/preferences/extension/navigate-to-extension-preferences.injectable.ts
index 33466b9094..c51c45ed28 100644
--- a/src/common/front-end-routing/routes/preferences/extension/navigate-to-extension-preferences.injectable.ts
+++ b/src/common/front-end-routing/routes/preferences/extension/navigate-to-extension-preferences.injectable.ts
@@ -13,8 +13,9 @@ const navigateToExtensionPreferencesInjectable = getInjectable({
     const navigateToRoute = di.inject(navigateToRouteInjectionToken);
     const route = di.inject(extensionPreferencesRouteInjectable);
 
-    return (extensionId: string) => navigateToRoute(route, { parameters: {
+    return (extensionId: string, tabId?: string) => navigateToRoute(route, { parameters: {
       extensionId,
+      tabId,
     }});
   },
 });