diff --git a/packages/apps-routing/src/teleport.ts b/packages/apps-routing/src/teleport.ts
index 67dcc2cafe..92098dd726 100644
--- a/packages/apps-routing/src/teleport.ts
+++ b/packages/apps-routing/src/teleport.ts
@@ -11,7 +11,9 @@ export default function create (t: TFunction): Route {
     Component: Modal,
     Modal,
     display: {
-      isHidden: false,
+      // TODO We need to move to XCM v3 at some point, until such time we disable
+      // this functionality (we really should have kept it until later versions)
+      isHidden: true,
       needsAccounts: true,
       needsApi: [
         [
diff --git a/packages/react-components/src/styled.ts b/packages/react-components/src/styled.ts
index 9495cf3638..d3f9d098e4 100644
--- a/packages/react-components/src/styled.ts
+++ b/packages/react-components/src/styled.ts
@@ -1,14 +1,14 @@
 // Copyright 2017-2023 @polkadot/react-components authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import styledComponents from 'styled-components';
+import styledComponents, { StyledInterface } from 'styled-components';
 
 // In styled-components v6, there is a named export which can be used
 // directly, i.e. "import { styled } from ..." with no more magic. Until
 // such time the cjs vs esm import here is problematic, so we hack around
 // the various shapes below
 export const styled = (
-  (styledComponents as unknown as { styled: typeof styledComponents }).styled ||
-  (styledComponents as unknown as { default: typeof styledComponents }).default ||
-  styledComponents
+  (styledComponents as unknown as { styled: StyledInterface }).styled ||
+  (styledComponents as unknown as { default: StyledInterface }).default ||
+  styledComponents as unknown as StyledInterface
 );