diff --git a/apps/website/screens/common/componentsList.json b/apps/website/screens/common/componentsList.json
index c22bbc5b52..5969856e1f 100644
--- a/apps/website/screens/common/componentsList.json
+++ b/apps/website/screens/common/componentsList.json
@@ -12,7 +12,7 @@
       {
         "label": "Avatar",
         "path": "/components/avatar",
-        "status": "experimental",
+        "status": "new",
         "icon": "filled_account_circle"
       },
       {
diff --git a/apps/website/screens/components/application-layout/code/ApplicationLayoutCodePage.tsx b/apps/website/screens/components/application-layout/code/ApplicationLayoutCodePage.tsx
index 210495031c..6b68338ebb 100644
--- a/apps/website/screens/components/application-layout/code/ApplicationLayoutCodePage.tsx
+++ b/apps/website/screens/components/application-layout/code/ApplicationLayoutCodePage.tsx
@@ -69,12 +69,7 @@ const ApplicationLayoutPropsTable = () => (
         <td>-</td>
       </tr>
       <tr>
-        <td>
-          <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-            <StatusBadge status="new" />
-            logo
-          </DxcFlex>
-        </td>
+        <td>logo</td>
         <td>
           <ExtendedTableCode>{logoTypeString}</ExtendedTableCode>
         </td>
diff --git a/apps/website/screens/components/badge/code/BadgeCodePage.tsx b/apps/website/screens/components/badge/code/BadgeCodePage.tsx
index 7c63d52a78..0c8b3be9b8 100644
--- a/apps/website/screens/components/badge/code/BadgeCodePage.tsx
+++ b/apps/website/screens/components/badge/code/BadgeCodePage.tsx
@@ -6,7 +6,6 @@ import Example from "@/common/example/Example";
 import contextual from "./examples/contextual";
 import notification from "./examples/notification";
 import icons from "./examples/icons";
-import StatusBadge from "@/common/StatusBadge";
 
 const sections = [
   {
@@ -23,12 +22,7 @@ const sections = [
         </thead>
         <tbody>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                color
-              </DxcFlex>
-            </td>
+            <td>color</td>
             <td>
               <TableCode>
                 'primary' | 'secondary' | 'tertiary' | 'success' | 'info' | 'neutral' | 'warning' | 'error'
diff --git a/apps/website/screens/components/data-grid/code/DataGridCodePage.tsx b/apps/website/screens/components/data-grid/code/DataGridCodePage.tsx
index 679b3bea28..aaa39b80ff 100644
--- a/apps/website/screens/components/data-grid/code/DataGridCodePage.tsx
+++ b/apps/website/screens/components/data-grid/code/DataGridCodePage.tsx
@@ -170,12 +170,7 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                childrenTrigger
-              </DxcFlex>
-            </td>
+            <td>childrenTrigger</td>
             <td>
               <ExtendedTableCode>{childrenTriggerTypeString}</ExtendedTableCode>
             </td>
diff --git a/apps/website/screens/components/file-input/code/FileInputCodePage.tsx b/apps/website/screens/components/file-input/code/FileInputCodePage.tsx
index a7a84529bf..e13c5f5007 100644
--- a/apps/website/screens/components/file-input/code/FileInputCodePage.tsx
+++ b/apps/website/screens/components/file-input/code/FileInputCodePage.tsx
@@ -153,12 +153,7 @@ const sections = [
             </td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                optional
-              </DxcFlex>
-            </td>
+            <td>optional</td>
             <td>
               <TableCode>boolean</TableCode>
             </td>
@@ -189,12 +184,7 @@ const sections = [
             </td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                size
-              </DxcFlex>
-            </td>
+            <td>size</td>
             <td>
               <TableCode>'medium' | 'fillParent'</TableCode>
             </td>
diff --git a/apps/website/screens/components/flex/code/FlexCodePage.tsx b/apps/website/screens/components/flex/code/FlexCodePage.tsx
index 01af8bfe48..175a58535f 100644
--- a/apps/website/screens/components/flex/code/FlexCodePage.tsx
+++ b/apps/website/screens/components/flex/code/FlexCodePage.tsx
@@ -136,12 +136,7 @@ const sections = [
             </td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                fullHeight
-              </DxcFlex>
-            </td>
+            <td>fullHeight</td>
             <td>
               <TableCode>boolean</TableCode>
             </td>
diff --git a/apps/website/screens/components/footer/code/FooterCodePage.tsx b/apps/website/screens/components/footer/code/FooterCodePage.tsx
index 2132e1b87b..a16ded6c47 100644
--- a/apps/website/screens/components/footer/code/FooterCodePage.tsx
+++ b/apps/website/screens/components/footer/code/FooterCodePage.tsx
@@ -1,7 +1,6 @@
 import { DxcFlex, DxcTable, DxcLink } from "@dxc-technology/halstack-react";
 import QuickNavContainer from "@/common/QuickNavContainer";
 import DocFooter from "@/common/DocFooter";
-import StatusBadge from "@/common/StatusBadge";
 import Code, { ExtendedTableCode, TableCode } from "@/common/Code";
 
 const bottomLinksTypeString = `{
@@ -71,12 +70,7 @@ const sections = [
             </td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                leftContent
-              </DxcFlex>
-            </td>
+            <td>leftContent</td>
             <td>
               <TableCode>React.ReactNode</TableCode>
             </td>
@@ -84,12 +78,7 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                logo
-              </DxcFlex>
-            </td>
+            <td>logo</td>
             <td>
               <ExtendedTableCode>{logoTypeString}</ExtendedTableCode>
             </td>
@@ -119,12 +108,7 @@ const sections = [
             </td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                rightContent
-              </DxcFlex>
-            </td>
+            <td>rightContent</td>
             <td>
               <TableCode>React.ReactNode</TableCode>
             </td>
diff --git a/apps/website/screens/components/header/code/HeaderCodePage.tsx b/apps/website/screens/components/header/code/HeaderCodePage.tsx
index 99dcef8cc2..402cba488d 100644
--- a/apps/website/screens/components/header/code/HeaderCodePage.tsx
+++ b/apps/website/screens/components/header/code/HeaderCodePage.tsx
@@ -2,7 +2,6 @@ import { DxcFlex, DxcTable } from "@dxc-technology/halstack-react";
 import DocFooter from "@/common/DocFooter";
 import QuickNavContainer from "@/common/QuickNavContainer";
 import Code, { ExtendedTableCode, TableCode } from "@/common/Code";
-import StatusBadge from "@/common/StatusBadge";
 
 const navItemsTypeString = `(GroupItem | Item)[]`;
 
@@ -48,12 +47,7 @@ const sections = [
         </thead>
         <tbody>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                appTitle
-              </DxcFlex>
-            </td>
+            <td>appTitle</td>
             <td>
               <TableCode>string</TableCode>
             </td>
@@ -61,12 +55,7 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                navItems
-              </DxcFlex>
-            </td>
+            <td>navItems</td>
             <td>
               <TableCode>{navItemsTypeString}</TableCode>
             </td>
@@ -92,12 +81,7 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                responsiveBottomContent
-              </DxcFlex>
-            </td>
+            <td>responsiveBottomContent</td>
             <td>
               <TableCode>React.ReactNode</TableCode>
             </td>
@@ -108,12 +92,7 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                searchBar
-              </DxcFlex>
-            </td>
+            <td>searchBar</td>
             <td>
               <ExtendedTableCode>{searchBarTypeString}</ExtendedTableCode>
             </td>
@@ -128,12 +107,7 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                sideContent
-              </DxcFlex>
-            </td>
+            <td>sideContent</td>
             <td>
               <TableCode>{"React.ReactNode | (isResponsive: boolean) => React.ReactNode"}</TableCode>
             </td>
diff --git a/apps/website/screens/components/nav-tabs/code/NavTabsCodePage.tsx b/apps/website/screens/components/nav-tabs/code/NavTabsCodePage.tsx
index fdfff95780..a6539616a2 100644
--- a/apps/website/screens/components/nav-tabs/code/NavTabsCodePage.tsx
+++ b/apps/website/screens/components/nav-tabs/code/NavTabsCodePage.tsx
@@ -139,12 +139,7 @@ const sections = [
                 <td>-</td>
               </tr>
               <tr>
-                <td>
-                  <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                    <StatusBadge status="new" />
-                    onClick
-                  </DxcFlex>
-                </td>
+                <td>onClick</td>
                 <td>
                   <TableCode>{"() => void"}</TableCode>
                 </td>
diff --git a/apps/website/screens/components/resultset-table/code/ResultsetTableCodePage.tsx b/apps/website/screens/components/resultset-table/code/ResultsetTableCodePage.tsx
index 3033790479..c5bd8167f0 100644
--- a/apps/website/screens/components/resultset-table/code/ResultsetTableCodePage.tsx
+++ b/apps/website/screens/components/resultset-table/code/ResultsetTableCodePage.tsx
@@ -199,12 +199,7 @@ const sections = [
             </td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                virtualizedHeight
-              </DxcFlex>
-            </td>
+            <td>virtualizedHeight</td>
             <td>
               <TableCode>string</TableCode>
             </td>
diff --git a/apps/website/screens/components/select/code/SelectCodePage.tsx b/apps/website/screens/components/select/code/SelectCodePage.tsx
index 177579c903..d7887ff71c 100644
--- a/apps/website/screens/components/select/code/SelectCodePage.tsx
+++ b/apps/website/screens/components/select/code/SelectCodePage.tsx
@@ -62,12 +62,7 @@ const sections = [
             </td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                enableSelectAll
-              </DxcFlex>
-            </td>
+            <td>enableSelectAll</td>
             <td>
               <TableCode>boolean</TableCode>
             </td>
@@ -256,12 +251,7 @@ const sections = [
             </td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                searchByStartsWith
-              </DxcFlex>
-            </td>
+            <td>searchByStartsWith</td>
             <td>
               <TableCode>boolean</TableCode>
             </td>
@@ -315,12 +305,7 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                virtualizedHeight
-              </DxcFlex>
-            </td>
+            <td>virtualizedHeight</td>
             <td>
               <TableCode>string</TableCode>
             </td>
diff --git a/apps/website/screens/components/sidenav/code/SidenavCodePage.tsx b/apps/website/screens/components/sidenav/code/SidenavCodePage.tsx
index 48fa240a9b..12ef19bfa1 100644
--- a/apps/website/screens/components/sidenav/code/SidenavCodePage.tsx
+++ b/apps/website/screens/components/sidenav/code/SidenavCodePage.tsx
@@ -51,12 +51,7 @@ const sections = [
         </thead>
         <tbody>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                appTitle
-              </DxcFlex>
-            </td>
+            <td>appTitle</td>
             <td>
               <TableCode>React.ReactNode</TableCode>
             </td>
@@ -64,12 +59,7 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                bottomContent
-              </DxcFlex>
-            </td>
+            <td>bottomContent</td>
             <td>
               <TableCode>React.ReactNode</TableCode>
             </td>
@@ -77,12 +67,7 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                defaultExpanded
-              </DxcFlex>
-            </td>
+            <td>defaultExpanded</td>
             <td>
               <TableCode>boolean</TableCode>
             </td>
@@ -90,12 +75,7 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                displayGroupLines
-              </DxcFlex>
-            </td>
+            <td>displayGroupLines</td>
             <td>
               <TableCode>boolean</TableCode>
             </td>
@@ -105,12 +85,7 @@ const sections = [
             </td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                expanded
-              </DxcFlex>
-            </td>
+            <td>expanded</td>
             <td>
               <TableCode>boolean</TableCode>
             </td>
@@ -153,12 +128,7 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                onExpandedChange
-              </DxcFlex>
-            </td>
+            <td>onExpandedChange</td>
             <td>
               <TableCode>{"(value: boolean) => void"}</TableCode>
             </td>
@@ -166,12 +136,7 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                searchBar
-              </DxcFlex>
-            </td>
+            <td>searchBar</td>
             <td>
               <ExtendedTableCode>{searchBarTypeString}</ExtendedTableCode>
             </td>
@@ -179,12 +144,7 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                topContent
-              </DxcFlex>
-            </td>
+            <td>topContent</td>
             <td>
               <TableCode>React.ReactNode</TableCode>
             </td>
diff --git a/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx b/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
index e2a5e1ec7e..a5c4912f22 100644
--- a/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
+++ b/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
@@ -6,7 +6,6 @@ import basicUsage from "./examples/basicUsage";
 import overlay from "./examples/overlay";
 import { TableCode } from "@/common/Code";
 import Code from "@/common/Code";
-import StatusBadge from "@/common/StatusBadge";
 
 const sections = [
   {
@@ -36,12 +35,7 @@ const sections = [
             </td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                inheritColor
-              </DxcFlex>
-            </td>
+            <td>inheritColor</td>
             <td>
               <TableCode>boolean</TableCode>
             </td>
diff --git a/apps/website/screens/components/text-input/code/TextInputCodePage.tsx b/apps/website/screens/components/text-input/code/TextInputCodePage.tsx
index c1f38ad2e1..15848b4eed 100644
--- a/apps/website/screens/components/text-input/code/TextInputCodePage.tsx
+++ b/apps/website/screens/components/text-input/code/TextInputCodePage.tsx
@@ -8,7 +8,6 @@ import action from "./examples/action";
 import functionSuggestions from "./examples/functionSuggestions";
 import errorHandling from "./examples/errorHandling";
 import Code, { TableCode, ExtendedTableCode } from "@/common/Code";
-import StatusBadge from "@/common/StatusBadge";
 
 const actionTypeString = `{
   icon?: string | (React.ReactNode 
@@ -32,12 +31,7 @@ const sections = [
         </thead>
         <tbody>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                alignment
-              </DxcFlex>
-            </td>
+            <td>alignment</td>
             <td>
               <TableCode>'left' | 'right'</TableCode>
             </td>
diff --git a/apps/website/screens/components/toggle-group/code/ToggleGroupCodePage.tsx b/apps/website/screens/components/toggle-group/code/ToggleGroupCodePage.tsx
index 5abd7875e9..0307b7cd87 100644
--- a/apps/website/screens/components/toggle-group/code/ToggleGroupCodePage.tsx
+++ b/apps/website/screens/components/toggle-group/code/ToggleGroupCodePage.tsx
@@ -92,12 +92,7 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>
-              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
-                <StatusBadge status="new" />
-                orientation
-              </DxcFlex>
-            </td>
+            <td>orientation</td>
             <td>
               <TableCode>'horizontal' | 'vertical'</TableCode>
             </td>