diff --git a/ts/components/SectionStatus/StatusContent.tsx b/ts/components/SectionStatus/StatusContent.tsx
index 9c215701cd5..cdf2963cffe 100644
--- a/ts/components/SectionStatus/StatusContent.tsx
+++ b/ts/components/SectionStatus/StatusContent.tsx
@@ -8,6 +8,7 @@ import {
 } from "@pagopa/io-app-design-system";
 import { WithTestID } from "../../types/WithTestID";
 import { Label } from "../core/typography/Label";
+import { LevelEnum } from "../../../definitions/content/SectionStatus";
 
 const iconSize = 24;
 
@@ -38,6 +39,24 @@ type Props = WithTestID<{
   labelPaddingVertical?: number;
 }>;
 
+export const statusColorMap: Record<LevelEnum, IOColors> = {
+  [LevelEnum.normal]: "aqua",
+  [LevelEnum.critical]: "red",
+  [LevelEnum.warning]: "orange"
+};
+
+export const statusIconMap: Record<LevelEnum, IOIcons> = {
+  [LevelEnum.normal]: "ok",
+  [LevelEnum.critical]: "notice",
+  [LevelEnum.warning]: "info"
+};
+
+// map the text background color with the relative text color
+export const getStatusTextColor = (
+  level: LevelEnum
+): "bluegreyDark" | "white" =>
+  level === LevelEnum.normal ? "bluegreyDark" : "white";
+
 const StatusContent = forwardRef<View, React.PropsWithChildren<Props>>(
   (
     {
diff --git a/ts/components/SectionStatus/__tests__/SectionStatusComponent.test.tsx b/ts/components/SectionStatus/__tests__/SectionStatusComponent.test.tsx
index bbd2ba6ae1d..24f1a353b33 100644
--- a/ts/components/SectionStatus/__tests__/SectionStatusComponent.test.tsx
+++ b/ts/components/SectionStatus/__tests__/SectionStatusComponent.test.tsx
@@ -68,21 +68,22 @@ describe("SectionStatusComponent", () => {
   });
 
   [
-    [LevelEnum.normal, IOColors.aqua],
-    [LevelEnum.warning, IOColors.orange],
-    [LevelEnum.critical, IOColors.red]
+    [LevelEnum.normal, IOColors["info-100"]],
+    [LevelEnum.warning, IOColors["warning-100"]],
+    [LevelEnum.critical, IOColors["error-100"]]
   ].forEach(([level, color]) => {
     describe(`given the level ${level}`, () => {
       const store = mockStore(
         mockSectionStatusState("messages", {
           ...sectionStatus,
+          web_url: undefined,
           level: level as LevelEnum
         })
       );
 
       it(`should apply background color ${color} to the status content`, () => {
         const component = getComponent("messages", store);
-        const view = component.getByTestId("SectionStatusContent");
+        const view = component.getByTestId("SectionStatusComponentContent");
         expect(view).toHaveStyle({ backgroundColor: color });
       });
     });
@@ -101,15 +102,7 @@ describe("SectionStatusComponent", () => {
       const component = getComponent("messages");
       const view = component.getByTestId("SectionStatusComponentPressable");
       expect(view.props.accessible).toBe(true);
-      expect(view.props.accessibilityLabel).toMatch(
-        `${sectionStatus.message["it-IT"]}, ${I18n.t(
-          "global.sectionStatus.moreInfo"
-        )}`
-      );
-      expect(view.props.accessibilityHint).toMatch(
-        I18n.t("global.accessibility.linkHint")
-      );
-      expect(view.props.accessibilityRole).toBe("link");
+      expect(view.props.accessibilityRole).toBe("button");
     });
 
     it("should render the touchable wrapper which opens the correct url", () => {
@@ -135,14 +128,9 @@ describe("SectionStatusComponent", () => {
     it("should set the correct a11y properties to the status content", () => {
       setLocale("it");
       const component = getComponent("messages", store);
-      const view = component.getByTestId("SectionStatusContent");
-      expect(view.props.accessible).toBe(true);
-      expect(view.props.accessibilityRole).toBeUndefined();
-      expect(view.props.accessibilityLabel).toMatch(
-        `${sectionStatus.message["it-IT"]}, ${I18n.t(
-          "global.accessibility.alert"
-        )}`
-      );
+      const view = component.getByTestId("SectionStatusComponentContent");
+      expect(view.props.accessible).toBe(false);
+      expect(view.props.accessibilityRole).toBe("alert");
     });
 
     it("should display the accessibility alert text", () => {
diff --git a/ts/components/SectionStatus/index.tsx b/ts/components/SectionStatus/index.tsx
index 7a274ed3efa..33252078a54 100644
--- a/ts/components/SectionStatus/index.tsx
+++ b/ts/components/SectionStatus/index.tsx
@@ -2,10 +2,10 @@ import { useNavigation } from "@react-navigation/native";
 import { pipe } from "fp-ts/lib/function";
 import * as O from "fp-ts/lib/Option";
 import _ from "lodash";
-import React, { useCallback } from "react";
-import { Pressable, View } from "react-native";
+import React, { ComponentProps, useCallback } from "react";
+import { View } from "react-native";
 import { connect } from "react-redux";
-import type { IOColors, IOIcons } from "@pagopa/io-app-design-system";
+import { Alert } from "@pagopa/io-app-design-system";
 import { LevelEnum } from "../../../definitions/content/SectionStatus";
 import I18n from "../../i18n";
 import {
@@ -16,8 +16,6 @@ import { GlobalState } from "../../store/reducers/types";
 import { getFullLocale } from "../../utils/locale";
 import { maybeNotNullyString } from "../../utils/strings";
 import { openWebUrl } from "../../utils/url";
-import { Link } from "../core/typography/Link";
-import StatusContent from "./StatusContent";
 
 type OwnProps = {
   sectionKey: SectionStatusKey;
@@ -26,24 +24,15 @@ type OwnProps = {
 
 type Props = OwnProps & ReturnType<typeof mapStateToProps>;
 
-export const statusColorMap: Record<LevelEnum, IOColors> = {
-  [LevelEnum.normal]: "aqua",
-  [LevelEnum.critical]: "red",
-  [LevelEnum.warning]: "orange"
+export const statusVariantMap: Record<
+  LevelEnum,
+  ComponentProps<typeof Alert>["variant"]
+> = {
+  [LevelEnum.normal]: "info",
+  [LevelEnum.critical]: "error",
+  [LevelEnum.warning]: "warning"
 };
 
-export const statusIconMap: Record<LevelEnum, IOIcons> = {
-  [LevelEnum.normal]: "ok",
-  [LevelEnum.critical]: "notice",
-  [LevelEnum.warning]: "info"
-};
-
-// map the text background color with the relative text color
-export const getStatusTextColor = (
-  level: LevelEnum
-): "bluegreyDark" | "white" =>
-  level === LevelEnum.normal ? "bluegreyDark" : "white";
-
 export const InnerSectionStatus = (
   props: Omit<Props, "sectionStatus"> & {
     sectionStatus: NonNullable<Props["sectionStatus"]>;
@@ -51,16 +40,12 @@ export const InnerSectionStatus = (
 ) => {
   const viewRef = React.createRef<View>();
   const { sectionStatus, onSectionRef } = props;
-  const iconName = statusIconMap[sectionStatus.level];
-  const backgroundColor = statusColorMap[sectionStatus.level];
   const locale = getFullLocale();
   const maybeWebUrl = maybeNotNullyString(
     sectionStatus.web_url && sectionStatus.web_url[locale]
   );
   const navigation = useNavigation();
 
-  const color = getStatusTextColor(sectionStatus.level);
-
   const handleOnSectionRef = useCallback(() => {
     if (viewRef.current) {
       onSectionRef?.(viewRef);
@@ -78,49 +63,25 @@ export const InnerSectionStatus = (
     O.fold(
       () => (
         // render text only
-        <StatusContent
-          accessibilityLabel={`${sectionStatus.message[locale]}, ${I18n.t(
-            "global.accessibility.alert"
-          )}`}
-          backgroundColor={backgroundColor}
-          iconName={iconName}
+        <Alert
           testID={"SectionStatusComponentContent"}
-          ref={viewRef}
-          foregroundColor={color}
-        >
-          {`${sectionStatus.message[locale]} `}
-        </StatusContent>
+          fullWidth
+          content={`${sectionStatus.message[locale]}`}
+          variant={statusVariantMap[sectionStatus.level]}
+          viewRef={viewRef}
+        />
       ),
-
-      // render a pressable element with the link
       webUrl => (
-        <Pressable
-          accessibilityHint={I18n.t("global.accessibility.linkHint")}
-          accessibilityLabel={`${sectionStatus.message[locale]}, ${I18n.t(
-            "global.sectionStatus.moreInfo"
-          )}`}
-          accessibilityRole={"link"}
-          onPress={() => openWebUrl(webUrl)}
+        // render a pressable element with the link
+        <Alert
           testID={"SectionStatusComponentPressable"}
-        >
-          <StatusContent
-            // disable accessibility to prevent the override of the container
-            accessible={false}
-            backgroundColor={backgroundColor}
-            iconName={iconName}
-            ref={viewRef}
-            foregroundColor={color}
-          >
-            {`${sectionStatus.message[locale]} `}
-            <Link
-              testID={"SectionStatusComponentMoreInfo"}
-              color={backgroundColor === "aqua" ? "bluegreyDark" : "white"}
-              weight={"Bold"}
-            >
-              {I18n.t("global.sectionStatus.moreInfo")}
-            </Link>
-          </StatusContent>
-        </Pressable>
+          fullWidth
+          content={`${sectionStatus.message[locale]} `}
+          variant={statusVariantMap[sectionStatus.level]}
+          action={I18n.t("global.sectionStatus.moreInfo")}
+          onPress={() => openWebUrl(webUrl)}
+          viewRef={viewRef}
+        />
       )
     )
   );
diff --git a/ts/features/design-system/core/DSLegacyAlert.tsx b/ts/features/design-system/core/DSLegacyAlert.tsx
index 509a367d6ba..03a49f1daa8 100644
--- a/ts/features/design-system/core/DSLegacyAlert.tsx
+++ b/ts/features/design-system/core/DSLegacyAlert.tsx
@@ -1,11 +1,10 @@
 import { VSpacer } from "@pagopa/io-app-design-system";
 import * as React from "react";
-import SectionStatusComponent, {
-  getStatusTextColor,
+import StatusContent, {
   statusColorMap,
+  getStatusTextColor,
   statusIconMap
-} from "../../../components/SectionStatus";
-import StatusContent from "../../../components/SectionStatus/StatusContent";
+} from "../../../components/SectionStatus/StatusContent";
 import { DSFullWidthComponent } from "../components/DSFullWidthComponent";
 
 /* Types */
@@ -28,10 +27,6 @@ export const DSLegacyAlert = () => (
       </StatusContent>
     </DSFullWidthComponent>
     <VSpacer size={16} />
-    <DSFullWidthComponent>
-      <SectionStatusComponent sectionKey={"favourite_language"} />
-    </DSFullWidthComponent>
-    <VSpacer size={16} />
     <DSFullWidthComponent>
       <StatusContent
         accessibilityLabel={`Accessibility text for the advice component`}
diff --git a/ts/features/itwallet/navigation/ItwParamsList.ts b/ts/features/itwallet/navigation/ItwParamsList.ts
index f9b2e015e2a..543412b23cf 100644
--- a/ts/features/itwallet/navigation/ItwParamsList.ts
+++ b/ts/features/itwallet/navigation/ItwParamsList.ts
@@ -14,4 +14,6 @@ export type ItwParamsList = {
   [ITW_ROUTES.ISSUANCE.CREDENTIAL_PREVIEW]: undefined;
   // PRESENTATION
   [ITW_ROUTES.PRESENTATION.EID_DETAIL]: undefined;
+  // PLAYGROUNDS
+  [ITW_ROUTES.PLAYGROUNDS]: undefined;
 };
diff --git a/ts/features/itwallet/navigation/ItwStackNavigator.tsx b/ts/features/itwallet/navigation/ItwStackNavigator.tsx
index 84e2d324bd0..f3fd4a4ec56 100644
--- a/ts/features/itwallet/navigation/ItwStackNavigator.tsx
+++ b/ts/features/itwallet/navigation/ItwStackNavigator.tsx
@@ -10,6 +10,7 @@ import { ItwIssuanceCredentialPreviewScreen } from "../issuance/screens/ItwIssua
 import { ItwIssuanceEidPreviewScreen } from "../issuance/screens/ItwIssuanceEidPreviewScreen";
 import { ItwIssuanceEidResultScreen } from "../issuance/screens/ItwIssuanceEidResultScreen";
 import { ItwPresentationEidDetailScreen } from "../presentation/screens/ItwPresentationEidDetailScreen";
+import ItwPlayground from "../playgrounds/screens/ItwPlayground";
 import { ItwParamsList } from "./ItwParamsList";
 import { ITW_ROUTES } from "./routes";
 
@@ -64,5 +65,7 @@ export const ItwStackNavigator = () => (
       component={ItwPresentationEidDetailScreen}
       options={{ headerShown: false }}
     />
+    {/* PLAYGROUNDS */}
+    <Stack.Screen name={ITW_ROUTES.PLAYGROUNDS} component={ItwPlayground} />
   </Stack.Navigator>
 );
diff --git a/ts/features/itwallet/navigation/routes.ts b/ts/features/itwallet/navigation/routes.ts
index 3bfc9a34756..226e44c0510 100644
--- a/ts/features/itwallet/navigation/routes.ts
+++ b/ts/features/itwallet/navigation/routes.ts
@@ -16,5 +16,6 @@ export const ITW_ROUTES = {
   } as const,
   PRESENTATION: {
     EID_DETAIL: "ITW_PRESENTATION_EID_DETAIL"
-  } as const
+  } as const,
+  PLAYGROUNDS: "ITW_PLAYGROUNDS" as const
 };
diff --git a/ts/screens/profile/playgrounds/ItwPlayground.tsx b/ts/features/itwallet/playgrounds/screens/ItwPlayground.tsx
similarity index 66%
rename from ts/screens/profile/playgrounds/ItwPlayground.tsx
rename to ts/features/itwallet/playgrounds/screens/ItwPlayground.tsx
index 49a5a22fd8a..cd705552e3c 100644
--- a/ts/screens/profile/playgrounds/ItwPlayground.tsx
+++ b/ts/features/itwallet/playgrounds/screens/ItwPlayground.tsx
@@ -2,15 +2,16 @@ import {
   ContentWrapper,
   Divider,
   H3,
+  ListItemHeader,
   ListItemNav,
   VSpacer
 } from "@pagopa/io-app-design-system";
 import * as React from "react";
 import { ScrollView } from "react-native-gesture-handler";
-import { useHeaderSecondLevel } from "../../../hooks/useHeaderSecondLevel";
-import ItwMarkdown from "../../../features/itwallet/common/components/ItwMarkdown";
-import { useIONavigation } from "../../../navigation/params/AppParamsList";
-import { ITW_ROUTES } from "../../../features/itwallet/navigation/routes";
+import { useHeaderSecondLevel } from "../../../../hooks/useHeaderSecondLevel";
+import ItwMarkdown from "../../common/components/ItwMarkdown";
+import { useIONavigation } from "../../../../navigation/params/AppParamsList";
+import { ITW_ROUTES } from "../../navigation/routes";
 
 // Sample markdown text
 const sampleMarkdown = `
@@ -50,12 +51,6 @@ const ItwPlayground = () => {
     });
   };
 
-  const navigateToIdentification = () => {
-    navigation.navigate(ITW_ROUTES.MAIN, {
-      screen: ITW_ROUTES.IDENTIFICATION.MODE_SELECTION
-    });
-  };
-
   const navigateToCredentialDetail = () => {
     navigation.navigate(ITW_ROUTES.MAIN, {
       screen: ITW_ROUTES.PRESENTATION.EID_DETAIL
@@ -77,39 +72,47 @@ const ItwPlayground = () => {
   return (
     <ScrollView>
       <ContentWrapper>
-        {/* Discovery Playground */}
+        {/* Activation Playground */}
+        <ListItemHeader label="Activation" />
         <ListItemNav
-          value="Discovery"
+          value="Wallet activation"
           accessibilityLabel={"Discovery Playground"}
-          description="Start the discovery flow before activate IT-Wallet"
-          onPress={() => navigateToDiscovery()}
+          description="Start the eID issuing flow"
+          onPress={() => undefined}
         />
-        <Divider />
-        {/* Issuing eID Playground */}
+        <VSpacer size={16} />
+        {/* Issuing Playground */}
+        <ListItemHeader label="Credentials issuing" />
         <ListItemNav
-          value="Issuing (eID)"
-          accessibilityLabel={"Issuing (eID) Playground"}
-          description="Start the issuing flow choosing activation method to activate IT-Wallet and get your digital identity"
-          onPress={navigateToIdentification}
+          value="mDL issuing"
+          accessibilityLabel={"mDL Issuing"}
+          description="Start the issuing flow to get your mobile driving license"
+          onPress={() => undefined}
         />
         <Divider />
-        {/* Issuing mDL Playground */}
         <ListItemNav
-          value="Issuing (mDL)"
-          accessibilityLabel={"Issuing (mDL) Playground"}
-          description="Start the issuing flow to get your mobile driving license"
+          value="TS issuing"
+          accessibilityLabel={"TS Issuing"}
+          description="Start the issuing flow to get your health insurance card"
           onPress={() => undefined}
         />
         <Divider />
-        {/* Issuing TS Playground */}
         <ListItemNav
-          value="Issuing (TS)"
-          accessibilityLabel={"Issuing (TS) Playground"}
-          description="Start the issuing flow to get your health card"
+          value="DC issuing"
+          accessibilityLabel={"DC Issuing"}
+          description="Start the issuing flow to get your european disability card card"
           onPress={() => undefined}
         />
+        <VSpacer size={16} />
+        {/* Screens Playground */}
+        <ListItemHeader label="Screens" />
+        <ListItemNav
+          value="Wallet discovery screen"
+          accessibilityLabel={"Discovery screen"}
+          description="Navigate to the IT Wallet discovery screen"
+          onPress={navigateToDiscovery}
+        />
         <Divider />
-        {/* Credential Preview */}
         <ListItemNav
           value="Credential preview (mDL)"
           accessibilityLabel="Credential preview (mdl) Playground"
@@ -117,7 +120,6 @@ const ItwPlayground = () => {
           onPress={navigateToCredentialPreview}
         />
         <Divider />
-        {/* Credential detail playground */}
         <ListItemNav
           value="Credential detail (eID)"
           accessibilityLabel={"Credential detail (eID) Playground"}
@@ -125,19 +127,20 @@ const ItwPlayground = () => {
           onPress={navigateToCredentialDetail}
         />
         <Divider />
-        {/* Credential auth playground */}
         <ListItemNav
           value="Credential auth (mDL)"
           accessibilityLabel={"Credential auth (mdl) Playground"}
           description="Open the eID credential detail screen"
           onPress={navigateToCredentialAuth}
         />
-        <Divider />
-        <VSpacer />
+        <VSpacer size={16} />
+        {/* Other Playgrounds */}
+        <ListItemHeader label="Miscellaneous" />
         <H3>{"IT Wallet markdown preview"}</H3>
-        {/* Markdown ITW Playground */}
+        <VSpacer size={8} />
         <ItwMarkdown>{sampleMarkdown}</ItwMarkdown>
         {/* TODO: Add more items here */}
+        <VSpacer size={32} />
       </ContentWrapper>
     </ScrollView>
   );
diff --git a/ts/features/pn/components/LegacyMessageDetails.tsx b/ts/features/pn/components/LegacyMessageDetails.tsx
index 600590dec80..4d8c77cd236 100644
--- a/ts/features/pn/components/LegacyMessageDetails.tsx
+++ b/ts/features/pn/components/LegacyMessageDetails.tsx
@@ -23,12 +23,11 @@ import { PNMessage } from "../store/types/types";
 import { NotificationPaymentInfo } from "../../../../definitions/pn/NotificationPaymentInfo";
 import { trackPNAttachmentOpening } from "../analytics";
 import { DSFullWidthComponent } from "../../design-system/components/DSFullWidthComponent";
-import StatusContent from "../../../components/SectionStatus/StatusContent";
-import {
-  getStatusTextColor,
+import StatusContent, {
   statusColorMap,
+  getStatusTextColor,
   statusIconMap
-} from "../../../components/SectionStatus";
+} from "../../../components/SectionStatus/StatusContent";
 import { LevelEnum } from "../../../../definitions/content/SectionStatus";
 import { ATTACHMENT_CATEGORY } from "../../messages/types/attachmentCategory";
 import { maxVisiblePaymentCountGenerator } from "../utils";
diff --git a/ts/navigation/ProfileNavigator.tsx b/ts/navigation/ProfileNavigator.tsx
index b9eff19ea9e..a99c1d7780c 100644
--- a/ts/navigation/ProfileNavigator.tsx
+++ b/ts/navigation/ProfileNavigator.tsx
@@ -26,7 +26,6 @@ import ShareDataScreen from "../screens/profile/ShareDataScreen";
 import TosScreen from "../screens/profile/TosScreen";
 import { IdPayCodePlayGround } from "../screens/profile/playgrounds/IdPayCodePlayground";
 import IdPayOnboardingPlayground from "../screens/profile/playgrounds/IdPayOnboardingPlayground";
-import ItwPlayground from "../screens/profile/playgrounds/ItwPlayground";
 import MarkdownPlayground from "../screens/profile/playgrounds/MarkdownPlayground";
 import { isGestureEnabled } from "../utils/navigation";
 import TrialSystemPlayground from "../screens/profile/TrialSystemPlayground";
@@ -161,7 +160,6 @@ const ProfileStackNavigator = () => (
       name={ROUTES.PROFILE_PREFERENCES_NOTIFICATIONS}
       component={NotificationsPreferencesScreen}
     />
-    <Stack.Screen name={ROUTES.ITW_PLAYGROUND} component={ItwPlayground} />
   </Stack.Navigator>
 );
 
diff --git a/ts/navigation/params/ProfileParamsList.ts b/ts/navigation/params/ProfileParamsList.ts
index 467fc20574b..d51369d3d04 100644
--- a/ts/navigation/params/ProfileParamsList.ts
+++ b/ts/navigation/params/ProfileParamsList.ts
@@ -31,5 +31,4 @@ export type ProfileParamsList = {
   [ROUTES.PROFILE_PREFERENCES_NOTIFICATIONS]: undefined;
   [ROUTES.IDPAY_ONBOARDING_PLAYGROUND]: undefined;
   [ROUTES.IDPAY_CODE_PLAYGROUND]: undefined;
-  [ROUTES.ITW_PLAYGROUND]: undefined;
 };
diff --git a/ts/navigation/routes.ts b/ts/navigation/routes.ts
index c35fc4e2921..a6d2c61706e 100644
--- a/ts/navigation/routes.ts
+++ b/ts/navigation/routes.ts
@@ -129,7 +129,6 @@ const ROUTES = {
   IDPAY_ONBOARDING_PLAYGROUND: "IDPAY_ONBOARDING_PLAYGROUND",
   LOLLIPOP_PLAYGROUND: "LOLLIPOP_PLAYGROUND",
   IDPAY_CODE_PLAYGROUND: "IDPAY_CODE_PLAYGROUND",
-  ITW_PLAYGROUND: "ITW_PLAYGROUND",
 
   // Preferences
   INSERT_EMAIL_SCREEN: "INSERT_EMAIL_SCREEN",
diff --git a/ts/screens/profile/DeveloperModeSection.tsx b/ts/screens/profile/DeveloperModeSection.tsx
index d530f8e4430..63eca11eaf0 100644
--- a/ts/screens/profile/DeveloperModeSection.tsx
+++ b/ts/screens/profile/DeveloperModeSection.tsx
@@ -57,6 +57,7 @@ import { clipboardSetStringWithFeedback } from "../../utils/clipboard";
 import { getDeviceId } from "../../utils/device";
 import { isDevEnv } from "../../utils/environment";
 
+import { ITW_ROUTES } from "../../features/itwallet/navigation/routes";
 import DSEnableSwitch from "./components/DSEnableSwitch";
 
 type PlaygroundsNavListItem = {
@@ -413,8 +414,8 @@ const PlaygroundsSection = () => {
       condition: isItWalletTestEnabled,
       value: "IT Wallet",
       onPress: () =>
-        navigation.navigate(ROUTES.PROFILE_NAVIGATOR, {
-          screen: ROUTES.ITW_PLAYGROUND
+        navigation.navigate(ITW_ROUTES.MAIN, {
+          screen: ITW_ROUTES.PLAYGROUNDS
         })
     },
     {