diff --git a/packages/documentation-framework/components/autoLinkHeader/autoLinkHeader.js b/packages/documentation-framework/components/autoLinkHeader/autoLinkHeader.js
index a4aee3b57a..3ed28a6df8 100644
--- a/packages/documentation-framework/components/autoLinkHeader/autoLinkHeader.js
+++ b/packages/documentation-framework/components/autoLinkHeader/autoLinkHeader.js
@@ -22,6 +22,7 @@ export const AutoLinkHeader = ({
           component={headingLevel}
           className={css('ws-heading', className)}
           tabIndex={-1}
+          isEditorial
         >
           <Link href={`#${slug}`} className="ws-heading-anchor" tabIndex="-1" aria-hidden>
             <LinkIcon className="ws-heading-anchor-icon" style={{ verticalAlign: 'middle' }} />
diff --git a/packages/documentation-framework/components/footer/footer.js b/packages/documentation-framework/components/footer/footer.js
index 3ab6b789a8..21260cf7cd 100644
--- a/packages/documentation-framework/components/footer/footer.js
+++ b/packages/documentation-framework/components/footer/footer.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 import {
   Brand,
   Grid,
@@ -7,11 +7,11 @@ import {
   ListItem,
   PageSection,
   Content,
-} from '@patternfly/react-core';
-import { Link } from '@patternfly/documentation-framework/components';
-import { GithubIcon, TwitterIcon } from '@patternfly/react-icons';
-import redhatLogo from './RHLogo.png';
-import redhatLogoDark from './RHLogoDark.png';
+} from "@patternfly/react-core";
+import { Link } from "@patternfly/documentation-framework/components";
+import { GithubIcon, TwitterIcon } from "@patternfly/react-icons";
+import redhatLogo from "./RHLogo.png";
+import redhatLogoDark from "./RHLogoDark.png";
 
 export const Footer = ({ isDarkTheme }) => (
   <React.Fragment>
@@ -39,7 +39,7 @@ export const Footer = ({ isDarkTheme }) => (
                   <ListItem className="ws-org-pfsite-footer-menu-list-item">
                     <Link
                       className="ws-org-pfsite-footer-menu-link"
-                      to={'/get-started/about-patternfly'}
+                      to={"/get-started/about-patternfly"}
                       aria-label="Get started with PatternFly"
                     >
                       Get started
@@ -237,6 +237,7 @@ export const Footer = ({ isDarkTheme }) => (
               <Content
                 component="p"
                 className="ws-org-pfsite-footer-menu-about-description"
+                isEditorial
               >
                 PatternFly is an open source design system built to drive
                 consistency and unify teams. From documentation and components
diff --git a/packages/documentation-framework/components/sectionGallery/TextSummary.js b/packages/documentation-framework/components/sectionGallery/TextSummary.js
index d015f2a1c4..e474ca4d19 100644
--- a/packages/documentation-framework/components/sectionGallery/TextSummary.js
+++ b/packages/documentation-framework/components/sectionGallery/TextSummary.js
@@ -4,17 +4,17 @@ import { Content } from "@patternfly/react-core";
 
 // convert summary text from string to jsx, remove links
 export const SummaryComponent = ({ id, itemsData }) => {
-  const itemDasherized = id.split(' ').join('-').toLowerCase();
+  const itemDasherized = id.split(" ").join("-").toLowerCase();
   const summary = itemsData?.[itemDasherized]?.summary;
   if (!summary) {
     return null;
   }
   // Remove anchor tags to avoid <a> in summary nested within <a> of Link card/datalistitem
-  const summaryNoLinks = summary.replace(/<Link[^>]*>([^<]+)<\/Link>/gm, '$1');
+  const summaryNoLinks = summary.replace(/<Link[^>]*>([^<]+)<\/Link>/gm, "$1");
   const { code } = convertToReactComponent(`<>${summaryNoLinks}</>`);
-  const getSummaryComponent = new Function('React', code);
+  const getSummaryComponent = new Function("React", code);
   return getSummaryComponent(React);
-}
+};
 
 export const TextSummary = ({ id, itemsData }) => {
   if (!id) {
@@ -22,10 +22,10 @@ export const TextSummary = ({ id, itemsData }) => {
   }
 
   return (
-    <Content>
+    <Content isEditorial>
       <Content component="p">
         <SummaryComponent id={id} itemsData={itemsData} />
       </Content>
     </Content>
-  )
+  );
 };
diff --git a/packages/documentation-framework/components/sectionGallery/sectionDataListLayout.js b/packages/documentation-framework/components/sectionGallery/sectionDataListLayout.js
index 39cf6267be..9a3a5c5128 100644
--- a/packages/documentation-framework/components/sectionGallery/sectionDataListLayout.js
+++ b/packages/documentation-framework/components/sectionGallery/sectionDataListLayout.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 import {
   DataList,
   DataListItem,
@@ -10,9 +10,9 @@ import {
   Content,
   ContentVariants,
   Label,
-} from '@patternfly/react-core';
-import { Link } from '../link/link';
-import { TextSummary } from './TextSummary';
+} from "@patternfly/react-core";
+import { Link } from "../link/link";
+import { TextSummary } from "./TextSummary";
 
 export const SectionDataListLayout = ({
   galleryItems,
@@ -20,7 +20,7 @@ export const SectionDataListLayout = ({
   hasListText,
   hasListImages,
 }) => {
-  if (layoutView !== 'list') {
+  if (layoutView !== "list") {
     return null;
   }
 
@@ -55,9 +55,9 @@ export const SectionDataListLayout = ({
                       </DataListCell>
                     ),
                     <DataListCell width={5} key="text-description">
-                      <Split className={hasListText ? 'pf-v6-u-mb-md' : null}>
+                      <Split className={hasListText ? "pf-v6-u-mb-md" : null}>
                         <SplitItem isFilled>
-                          <Content>
+                          <Content isEditorial>
                             <Content component={ContentVariants.h2}>
                               <span>{title}</span>
                             </Content>
diff --git a/packages/documentation-framework/components/sectionGallery/sectionGalleryToolbar.js b/packages/documentation-framework/components/sectionGallery/sectionGalleryToolbar.js
index 19d1433c1f..eab3f0140e 100644
--- a/packages/documentation-framework/components/sectionGallery/sectionGalleryToolbar.js
+++ b/packages/documentation-framework/components/sectionGallery/sectionGalleryToolbar.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 import {
   Button,
   SearchInput,
@@ -10,9 +10,9 @@ import {
   ContentVariants,
   ToggleGroup,
   ToggleGroupItem,
-} from '@patternfly/react-core';
-import ListIcon from '@patternfly/react-icons/dist/esm/icons/list-icon';
-import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
+} from "@patternfly/react-core";
+import ListIcon from "@patternfly/react-icons/dist/esm/icons/list-icon";
+import ThIcon from "@patternfly/react-icons/dist/esm/icons/th-icon";
 
 export const SectionGalleryToolbar = ({
   galleryItems,
@@ -20,8 +20,8 @@ export const SectionGalleryToolbar = ({
   setSearchTerm,
   layoutView,
   setLayoutView,
-  placeholderText = 'Search by name',
-  countText = ' items',
+  placeholderText = "Search by name",
+  countText = " items",
 }) => (
   <Toolbar isSticky>
     <ToolbarContent>
@@ -35,7 +35,7 @@ export const SectionGalleryToolbar = ({
       </ToolbarItem>
       {searchTerm && (
         <ToolbarItem>
-          <Button variant="link" onClick={() => setSearchTerm('')}>
+          <Button variant="link" onClick={() => setSearchTerm("")}>
             Reset
           </Button>
         </ToolbarItem>
@@ -46,25 +46,25 @@ export const SectionGalleryToolbar = ({
             <ToggleGroupItem
               icon={<ThIcon />}
               aria-label="grid icon button"
-              isSelected={layoutView === 'grid'}
-              onChange={() => setLayoutView('grid')}
+              isSelected={layoutView === "grid"}
+              onChange={() => setLayoutView("grid")}
             ></ToggleGroupItem>
             <ToggleGroupItem
               icon={<ListIcon />}
               aria-label="list icon button"
-              isSelected={layoutView === 'list'}
-              onChange={() => setLayoutView('list')}
+              isSelected={layoutView === "list"}
+              onChange={() => setLayoutView("list")}
             ></ToggleGroupItem>
           </ToggleGroup>
         </ToolbarItem>
       </ToolbarGroup>
       <ToolbarItem
         variant="pagination"
-        gap={{ default: 'gapMd', md: 'gapNone' }}
-        style={{ '--pf-v6-c-toolbar__item--MinWidth': 'max-content' }}
+        gap={{ default: "gapMd", md: "gapNone" }}
+        style={{ "--pf-v6-c-toolbar__item--MinWidth": "max-content" }}
         className="pf-m-align-self-center"
       >
-        <Content component={ContentVariants.small}>
+        <Content isEditorial component={ContentVariants.small}>
           {galleryItems.length}
           {countText}
         </Content>
diff --git a/packages/documentation-framework/scripts/md/styled-tags.js b/packages/documentation-framework/scripts/md/styled-tags.js
index 4fdf8d9572..015eff8ebd 100644
--- a/packages/documentation-framework/scripts/md/styled-tags.js
+++ b/packages/documentation-framework/scripts/md/styled-tags.js
@@ -26,7 +26,7 @@ function styledTags() {
       node.properties.className = node.properties.className || '';
       
       if (contentStyledMdTags.includes(node.tagName)) {
-        node.properties.className += `pf-v6-c-content--${node.tagName}`;
+        node.properties.className += `pf-v6-c-content--${node.tagName} pf-m-editorial`;
       }
 
       if (styledMdTags.includes(node.tagName)) {
diff --git a/packages/documentation-framework/templates/mdx.js b/packages/documentation-framework/templates/mdx.js
index af8c4b1e6a..6d24c71293 100644
--- a/packages/documentation-framework/templates/mdx.js
+++ b/packages/documentation-framework/templates/mdx.js
@@ -249,7 +249,7 @@ export const MDXTemplate = ({
           variant={!isSinglePage ? PageSectionVariants.light : ""}
           isWidthLimited
         >
-          <Content>
+          <Content isEditorial>
             <Flex alignItems={{ default: 'alignItemsCenter'}}>
               <FlexItem>
                 <Title headingLevel='h1' size='4xl' id="ws-page-title">
diff --git a/packages/documentation-site/package.json b/packages/documentation-site/package.json
index 151421704f..cb67081439 100644
--- a/packages/documentation-site/package.json
+++ b/packages/documentation-site/package.json
@@ -17,7 +17,7 @@
     "screenshots": "pf-docs-framework screenshots"
   },
   "dependencies": {
-    "@patternfly/documentation-framework": "6.0.0-alpha.100",
+    "@patternfly/documentation-framework": "6.0.0-alpha.102",
     "@patternfly/react-catalog-view-extension": "6.0.0-alpha.7",
     "@patternfly/react-console": "6.0.0-prerelease.1",
     "@patternfly/react-docs": "7.0.0-prerelease.24",
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/styles/colors-for-charts/colors-grid.js b/packages/documentation-site/patternfly-docs/content/design-guidelines/styles/colors-for-charts/colors-grid.js
index c7c9067899..3bc4c1e0f7 100644
--- a/packages/documentation-site/patternfly-docs/content/design-guidelines/styles/colors-for-charts/colors-grid.js
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/styles/colors-for-charts/colors-grid.js
@@ -41,7 +41,7 @@ const ColorFamily = ({color, computedStyles}) => {
 
   return (
     <GridItem>
-      <Content className="ws-heading ws-title" component="h3">{color} family</Content>
+      <Content className="ws-heading ws-title" component="h3" isEditorial>{color} family</Content>
       <Flex direction={{ default: 'column' }}  gap={{ default: 'gapMd' }}>
         {entries}
       </Flex>
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/styles/colors/ColorFamily.js b/packages/documentation-site/patternfly-docs/content/design-guidelines/styles/colors/ColorFamily.js
index 2e075d7529..fe7666bd3a 100644
--- a/packages/documentation-site/patternfly-docs/content/design-guidelines/styles/colors/ColorFamily.js
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/styles/colors/ColorFamily.js
@@ -13,8 +13,8 @@ export function ColorFamily({
 }) {
   const [expanded, setExpanded] = React.useState([]);
   const rootTokens = tokens[':root'];
-
   const familyTokens = Object.values(rootTokens).filter(token => token.name.includes(`${palettePrefix}${family}--`));
+
   if (family === 'gray') {
     const whiteToken = rootTokens.t_color_white;
     familyTokens.unshift(whiteToken);
@@ -69,9 +69,9 @@ export function ColorFamily({
                 {tokenList?.length > 0 ? (
                   <>
                     <Title headingLevel="h4" size="md">Semantic tokens<span className='pf-v6-screen-reader'>for {token.value.toUpperCase()}</span></Title>
-                    <Content className="pf-v6-u-m-sm" component={ContentVariants.ol} isPlainList>
+                    <Content isEditorial className="pf-v6-u-m-sm" component={ContentVariants.ol} isPlainList>
                       {tokenList.map(tokenName =>
-                        <Content component={ContentVariants.li} key={tokenName}>{tokenName}</Content>
+                        <Content isEditorial component={ContentVariants.li} key={tokenName}>{tokenName}</Content>
                       )}
                     </Content>
                   </>
diff --git a/packages/documentation-site/patternfly-docs/pages/home.js b/packages/documentation-site/patternfly-docs/pages/home.js
index 9ef555f4a3..ad43514a3e 100644
--- a/packages/documentation-site/patternfly-docs/pages/home.js
+++ b/packages/documentation-site/patternfly-docs/pages/home.js
@@ -184,10 +184,7 @@ const HomePage = () => (
               <span className="pf-v6-u-primary-color-100"> open </span>
               with PatternFly
             </Title>
-            <Content
-              component={ContentVariants.p}
-              className="pf-v6-u-font-size-lg"
-            >
+            <Content component={ContentVariants.p} className="pf-v6-u-font-size-lg">
               PatternFly is an open source design system that enables teams to
               create consistent and scalable enterprise products. PatternFly is
               sponsored and maintained by Red Hat, but is open to all.
diff --git a/yarn.lock b/yarn.lock
index 6f00bb37ad..77d428dbb1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5491,10 +5491,10 @@ exponential-backoff@^3.1.1:
   resolved "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.1.tgz#64ac7526fe341ab18a39016cd22c787d01e00bf6"
   integrity sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==
 
-express@4.20.0:
-  version "4.20.0"
-  resolved "https://registry.yarnpkg.com/express/-/express-4.20.0.tgz#f1d08e591fcec770c07be4767af8eb9bcfd67c48"
-  integrity sha512-pLdae7I6QqShF5PnNTCVn4hI91Dx0Grkn2+IAsMTgMIKuQVte2dN9PeGSSAME2FR8anOhVA62QDIUaWVfEXVLw==
+express@4.21.0:
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.21.0.tgz#d57cb706d49623d4ac27833f1cbc466b668eb915"
+  integrity sha512-VqcNGcj/Id5ZT1LZ/cfihi3ttTn+NJmkli2eZADigjq29qTlWi/hAQ43t/VLPq8+UX06FCEx3ByOYet6ZFblng==
   dependencies:
     accepts "~1.3.8"
     array-flatten "1.1.1"
@@ -5508,7 +5508,7 @@ express@4.20.0:
     encodeurl "~2.0.0"
     escape-html "~1.0.3"
     etag "~1.8.1"
-    finalhandler "1.2.0"
+    finalhandler "1.3.1"
     fresh "0.5.2"
     http-errors "2.0.0"
     merge-descriptors "1.0.3"
@@ -5517,11 +5517,11 @@ express@4.20.0:
     parseurl "~1.3.3"
     path-to-regexp "0.1.10"
     proxy-addr "~2.0.7"
-    qs "6.11.0"
+    qs "6.13.0"
     range-parser "~1.2.1"
     safe-buffer "5.2.1"
     send "0.19.0"
-    serve-static "1.16.0"
+    serve-static "1.16.2"
     setprototypeof "1.2.0"
     statuses "2.0.1"
     type-is "~1.6.18"
@@ -5753,6 +5753,19 @@ finalhandler@1.2.0:
     statuses "2.0.1"
     unpipe "~1.0.0"
 
+finalhandler@1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.3.1.tgz#0c575f1d1d324ddd1da35ad7ece3df7d19088019"
+  integrity sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==
+  dependencies:
+    debug "2.6.9"
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    statuses "2.0.1"
+    unpipe "~1.0.0"
+
 find-cache-dir@^3.3.2:
   version "3.3.2"
   resolved "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b"
@@ -10937,15 +10950,15 @@ serve-static@1.15.0:
     parseurl "~1.3.3"
     send "0.18.0"
 
-serve-static@1.16.0:
-  version "1.16.0"
-  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.16.0.tgz#2bf4ed49f8af311b519c46f272bf6ac3baf38a92"
-  integrity sha512-pDLK8zwl2eKaYrs8mrPZBJua4hMplRWJ1tIFksVC3FtBEBnl8dxgeHtsaMS8DhS9i4fLObaon6ABoc4/hQGdPA==
+serve-static@1.16.2:
+  version "1.16.2"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.16.2.tgz#b6a5343da47f6bdd2673848bf45754941e803296"
+  integrity sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==
   dependencies:
-    encodeurl "~1.0.2"
+    encodeurl "~2.0.0"
     escape-html "~1.0.3"
     parseurl "~1.3.3"
-    send "0.18.0"
+    send "0.19.0"
 
 set-blocking@^2.0.0:
   version "2.0.0"