diff --git a/example/src/pages/Modules.tsx b/example/src/pages/Modules.tsx
index 7b6314ba..550a515b 100644
--- a/example/src/pages/Modules.tsx
+++ b/example/src/pages/Modules.tsx
@@ -5,7 +5,6 @@ import {
   ModuleCheckout,
   ModuleCredential,
   ModuleIDP,
-  ModuleNavigation,
   ModulePaymentNotice,
   useIOExperimentalDesign,
   useIOTheme
@@ -257,41 +256,6 @@ const renderModuleCredential = () => (
   </>
 );
 
-const renderModuleNavigation = () => (
-  <>
-    <ComponentViewerBox name="ModuleNavigation">
-      <View>
-        <ModuleNavigation
-          icon="spid"
-          title="SPID"
-          subtitle="Usa credenziali e app (o SMS)"
-          onPress={mockFn}
-        />
-      </View>
-    </ComponentViewerBox>
-    <ComponentViewerBox name="ModuleNavigation, with Badge">
-      <View>
-        <ModuleNavigation
-          icon="spid"
-          title="SPID"
-          subtitle="Usa credenziali e app (o SMS)"
-          onPress={mockFn}
-          badge={{
-            text: "IN arrivo",
-            variant: "blue",
-            outline: true
-          }}
-        />
-      </View>
-    </ComponentViewerBox>
-    <ComponentViewerBox name="ModuleNavigation, loading">
-      <View>
-        <ModuleNavigation isLoading={true} />
-      </View>
-    </ComponentViewerBox>
-  </>
-);
-
 const Modules = () => {
   const { isExperimental, setExperimental } = useIOExperimentalDesign();
   const theme = useIOTheme();
@@ -342,14 +306,6 @@ const Modules = () => {
         ModuleCredential
       </H2>
       {renderModuleCredential()}
-      <H2
-        color={theme["textHeading-default"]}
-        weight={"SemiBold"}
-        style={{ marginBottom: 16, marginTop: 16 }}
-      >
-        ModuleNavigation
-      </H2>
-      {renderModuleNavigation()}
     </Screen>
   );
 };
diff --git a/src/components/modules/ModuleNavigation.tsx b/src/components/modules/ModuleNavigation.tsx
deleted file mode 100644
index f0fb2cf2..00000000
--- a/src/components/modules/ModuleNavigation.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import React from "react";
-import {
-  Image,
-  ImageSourcePropType,
-  ImageURISource,
-  StyleSheet,
-  View
-} from "react-native";
-import Placeholder from "rn-placeholder";
-import {
-  IOListItemVisualParams,
-  IOModuleStyles,
-  IOSelectionListItemVisualParams,
-  IOStyles,
-  useIOTheme
-} from "../../core";
-import { WithTestID } from "../../utils/types";
-import { Badge } from "../badge";
-import { IOIcons, Icon } from "../icons";
-import { VSpacer } from "../spacer";
-import { Chip, LabelSmallAlt } from "../typography";
-import {
-  PressableModuleBase,
-  PressableModuleBaseProps
-} from "./PressableModuleBase";
-
-type LoadingProps = {
-  isLoading: true;
-};
-
-type ImageProps =
-  | { icon: IOIcons; image?: never }
-  | { icon?: never; image: ImageURISource | ImageSourcePropType };
-
-type BaseProps = {
-  isLoading?: false;
-  title: string;
-  subtitle?: string;
-  badge?: Badge;
-} & ImageProps &
-  PressableModuleBaseProps;
-
-type ModuleNavigationProps = LoadingProps | BaseProps;
-
-export const ModuleNavigation = (props: WithTestID<ModuleNavigationProps>) => {
-  const theme = useIOTheme();
-
-  if (props.isLoading) {
-    return <ModuleNavigationSkeleton />;
-  }
-
-  const { icon, image, title, subtitle, onPress, badge, ...pressableProps } =
-    props;
-
-  const iconComponent = (
-    <>
-      {icon && <Icon name={icon} size={24} color="grey-300" />}
-      {image && (
-        <Image
-          source={image}
-          style={styles.image}
-          accessibilityIgnoresInvertColors={true}
-        />
-      )}
-    </>
-  );
-
-  return (
-    <PressableModuleBase {...pressableProps} onPress={onPress}>
-      <View>{iconComponent}</View>
-      <View style={{ flexGrow: 1, flexShrink: 1, paddingHorizontal: 8 }}>
-        <LabelSmallAlt
-          color="blueIO-500"
-          numberOfLines={2}
-          lineBreakMode="middle"
-        >
-          {title}
-        </LabelSmallAlt>
-        {subtitle && <Chip color="grey-700">{subtitle}</Chip>}
-      </View>
-      <View>
-        {badge ? (
-          <Badge {...badge} />
-        ) : onPress ? (
-          <Icon
-            name="chevronRightListItem"
-            color={theme["interactiveElem-default"]}
-            size={IOListItemVisualParams.chevronSize}
-          />
-        ) : null}
-      </View>
-    </PressableModuleBase>
-  );
-};
-
-const ModuleNavigationSkeleton = () => (
-  <View style={IOModuleStyles.button}>
-    <View style={[IOStyles.row, IOStyles.alignCenter]}>
-      <Placeholder.Box animate="fade" width={24} height={24} radius={8} />
-      <View style={{ paddingHorizontal: 8 }}>
-        <Placeholder.Box animate="fade" width={96} height={19} radius={8} />
-        <VSpacer size={4} />
-        <Placeholder.Box animate="fade" width={180} height={16} radius={8} />
-      </View>
-    </View>
-    <Placeholder.Box animate="fade" width={64} height={22} radius={8} />
-  </View>
-);
-
-const styles = StyleSheet.create({
-  image: {
-    width: IOSelectionListItemVisualParams.iconSize,
-    height: IOSelectionListItemVisualParams.iconSize,
-    resizeMode: "contain"
-  }
-});
diff --git a/src/components/modules/index.tsx b/src/components/modules/index.tsx
index f3957d35..c55410c9 100644
--- a/src/components/modules/index.tsx
+++ b/src/components/modules/index.tsx
@@ -2,6 +2,5 @@ export * from "./ModuleAttachment";
 export * from "./ModuleCheckout";
 export * from "./ModuleCredential";
 export * from "./ModuleIDP";
-export * from "./ModuleNavigation";
 export * from "./ModulePaymentNotice";
 export * from "./PressableModuleBase";