diff --git a/packages/braid-design-system/src/lib/components/Badge/Badge.screenshots.tsx b/packages/braid-design-system/src/lib/components/Badge/Badge.screenshots.tsx
index c65d33463da..f981a53f344 100644
--- a/packages/braid-design-system/src/lib/components/Badge/Badge.screenshots.tsx
+++ b/packages/braid-design-system/src/lib/components/Badge/Badge.screenshots.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ComponentScreenshot } from 'site/types';
-import { Badge, Inline, Heading } from '../';
+import { Badge, Inline, Heading, List } from '../';
 
 export const screenshots: ComponentScreenshot = {
   screenshotWidths: [320],
@@ -108,5 +108,16 @@ export const screenshots: ComponentScreenshot = {
         </Badge>
       ),
     },
+    {
+      label: 'Test: Badge text should follow tone not default set by `List`',
+      Example: () => (
+        <List tone="secondary">
+          <Badge tone="critical">Critical</Badge>
+          <Badge tone="critical" weight="strong">
+            Critical
+          </Badge>
+        </List>
+      ),
+    },
   ],
 };