diff --git a/docusaurus/src/components/HeaderDecoration.jsx b/docusaurus/src/components/HeaderDecoration.jsx
index 01f43e5570cb0..875396216ba38 100644
--- a/docusaurus/src/components/HeaderDecoration.jsx
+++ b/docusaurus/src/components/HeaderDecoration.jsx
@@ -85,7 +85,7 @@ export const HeaderDecoration = ({
         <h1 id={originalId}>
           {isArchived ? (
             <span>
-              {originalTitle} <span style={{ color: "red" }}>[ARCHIVED]</span>
+              {originalTitle} <span style={{ color: "gray" }}>[ARCHIVED]</span>
             </span>
           ) : (
             originalTitle
diff --git a/docusaurus/src/remark/utils.js b/docusaurus/src/remark/utils.js
index e287102646935..bd5544ff0fe48 100644
--- a/docusaurus/src/remark/utils.js
+++ b/docusaurus/src/remark/utils.js
@@ -8,6 +8,11 @@ const isDocsPage = (vfile) => {
     return false;
   }
 
+  // skip the root files in integrations/source and integrations/destinations
+  if (vfile.path.includes("README.md")) {
+    return false;
+  }
+
   if (vfile.path.includes("-migrations.md")) {
     return false;
   }