diff --git a/examples/official-storybook/tests/__snapshots__/storyshots.test.js.snap b/examples/official-storybook/tests/__snapshots__/storyshots.test.js.snap
index 37d15cd0840d..913118b84dc5 100644
--- a/examples/official-storybook/tests/__snapshots__/storyshots.test.js.snap
+++ b/examples/official-storybook/tests/__snapshots__/storyshots.test.js.snap
@@ -337,7 +337,7 @@ exports[`Storyshots Basics|DocumentFormatting withDOM 1`] = `
   padding: 15px;
   margin: 0;
   white-space: pre-wrap;
-  color: #333333;
+  color: inherit;
   font-size: 13px;
   line-height: 19px;
 }
@@ -772,7 +772,7 @@ exports[`Storyshots Basics|DocumentFormatting withDOM 1`] = `
   padding: 15px;
   margin: 0;
   white-space: pre-wrap;
-  color: #333333;
+  color: inherit;
   font-size: 13px;
   line-height: 19px;
 }
@@ -1533,7 +1533,7 @@ exports[`Storyshots Basics|DocumentFormatting withMarkdown 1`] = `
   padding: 15px;
   margin: 0;
   white-space: pre-wrap;
-  color: #333333;
+  color: inherit;
   font-size: 13px;
   line-height: 19px;
 }
@@ -1968,7 +1968,7 @@ exports[`Storyshots Basics|DocumentFormatting withMarkdown 1`] = `
   padding: 15px;
   margin: 0;
   white-space: pre-wrap;
-  color: #333333;
+  color: inherit;
   font-size: 13px;
   line-height: 19px;
 }
diff --git a/lib/components/src/typography/DocumentFormatting.tsx b/lib/components/src/typography/DocumentFormatting.tsx
index c1c9afa0ff94..1e5a0f56f08c 100644
--- a/lib/components/src/typography/DocumentFormatting.tsx
+++ b/lib/components/src/typography/DocumentFormatting.tsx
@@ -50,7 +50,7 @@ const Wrapper = styled.div(
       margin: 0;
 
       white-space: pre-wrap;
-      color: ${props.theme.color.darkest};
+      color: inherit;
 
       font-size: 13px;
       line-height: 19px;
diff --git a/lib/ui/src/settings/__snapshots__/about.stories.storyshot b/lib/ui/src/settings/__snapshots__/about.stories.storyshot
index 2289a015bfb8..2a58323dd789 100644
--- a/lib/ui/src/settings/__snapshots__/about.stories.storyshot
+++ b/lib/ui/src/settings/__snapshots__/about.stories.storyshot
@@ -990,7 +990,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
   padding: 15px;
   margin: 0;
   white-space: pre-wrap;
-  color: #333333;
+  color: inherit;
   font-size: 13px;
   line-height: 19px;
 }
@@ -2519,7 +2519,7 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
   padding: 15px;
   margin: 0;
   white-space: pre-wrap;
-  color: #333333;
+  color: inherit;
   font-size: 13px;
   line-height: 19px;
 }