diff --git a/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx b/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
index a5c4912f2..e2a5e1ec7 100644
--- a/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
+++ b/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
@@ -6,6 +6,7 @@ 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 = [
   {
@@ -35,7 +36,12 @@ const sections = [
             </td>
           </tr>
           <tr>
-            <td>inheritColor</td>
+            <td>
+              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
+                <StatusBadge status="new" />
+                inheritColor
+              </DxcFlex>
+            </td>
             <td>
               <TableCode>boolean</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 0307b7cd8..5abd7875e 100644
--- a/apps/website/screens/components/toggle-group/code/ToggleGroupCodePage.tsx
+++ b/apps/website/screens/components/toggle-group/code/ToggleGroupCodePage.tsx
@@ -92,7 +92,12 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>orientation</td>
+            <td>
+              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
+                <StatusBadge status="new" />
+                orientation
+              </DxcFlex>
+            </td>
             <td>
               <TableCode>'horizontal' | 'vertical'</TableCode>
             </td>