diff --git a/apps/website/screens/components/header/code/HeaderCodePage.tsx b/apps/website/screens/components/header/code/HeaderCodePage.tsx
index 6f330593b..6f45766ae 100644
--- a/apps/website/screens/components/header/code/HeaderCodePage.tsx
+++ b/apps/website/screens/components/header/code/HeaderCodePage.tsx
@@ -2,6 +2,7 @@ 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)[]`;
 
@@ -35,15 +36,25 @@ const sections = [
         </thead>
         <tbody>
           <tr>
-            <td>appTitle</td>
+            <td>
+              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
+                <StatusBadge status="new" />
+                appTitle
+              </DxcFlex>
+            </td>
             <td>
               <TableCode>string</TableCode>
             </td>
-            <td>Object used to configure the header application title.</td>
+            <td>String used to configure the header application title.</td>
             <td>-</td>
           </tr>
           <tr>
-            <td>navItems</td>
+            <td>
+              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
+                <StatusBadge status="new" />
+                navItems
+              </DxcFlex>
+            </td>
             <td>
               <TableCode>{navItemsTypeString}</TableCode>
             </td>
@@ -65,7 +76,12 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>responsiveBottomContent</td>
+            <td>
+              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
+                <StatusBadge status="new" />
+                responsiveBottomContent
+              </DxcFlex>
+            </td>
             <td>
               <TableCode>React.ReactNode</TableCode>
             </td>
@@ -76,7 +92,12 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>sideContent</td>
+            <td>
+              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
+                <StatusBadge status="new" />
+                sideContent
+              </DxcFlex>
+            </td>
             <td>
               <TableCode>{"React.ReactNode | (isResponsive: boolean) => React.ReactNode"}</TableCode>
             </td>
diff --git a/apps/website/screens/components/sidenav/code/SidenavCodePage.tsx b/apps/website/screens/components/sidenav/code/SidenavCodePage.tsx
index 8eb283ba6..d0bd0bc47 100644
--- a/apps/website/screens/components/sidenav/code/SidenavCodePage.tsx
+++ b/apps/website/screens/components/sidenav/code/SidenavCodePage.tsx
@@ -38,6 +38,19 @@ const sections = [
           </tr>
         </thead>
         <tbody>
+          <tr>
+            <td>
+              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
+                <StatusBadge status="new" />
+                appTitle
+              </DxcFlex>
+            </td>
+            <td>
+              <TableCode>React.ReactNode</TableCode>
+            </td>
+            <td>Object used to configure the header application title.</td>
+            <td>-</td>
+          </tr>
           <tr>
             <td>
               <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">