diff --git a/src/sections/Company/Legal/cookie-notice/index.js b/src/sections/Company/Legal/cookie-notice/index.js
index 89c6ac9b53295..46ea138fe3705 100644
--- a/src/sections/Company/Legal/cookie-notice/index.js
+++ b/src/sections/Company/Legal/cookie-notice/index.js
@@ -83,15 +83,20 @@ const cookieData = [
   },
 ];
 
+// Create custom theme with Qanelas Soft font family
+const customTheme = createTheme({
+  typography: {
+    fontFamily: "\"Qanelas Soft\", \"Open Sans\", sans-serif",
+  },
+});
+
 const CookieNotice = () => {
   const { isDark } = useStyledDarkMode();
+  const [didLoad, setDidLoad] = React.useState(false);
 
-  // Create custom theme with Qanelas Soft font family
-  const customTheme = createTheme({
-    typography: {
-      fontFamily: "\"Qanelas Soft\", \"Open Sans\", sans-serif",
-    },
-  });
+  React.useEffect(() => {
+    setDidLoad(true);
+  }, []);
 
   return (
     <TermsWrapper>
@@ -153,7 +158,7 @@ const CookieNotice = () => {
               <p>
               Third-party cookies are set by domains other than Layer5’s to support analytics, advertising, or other functionalities. These cookies may collect data across multiple websites to tailor ads based on your interests. Below is a list of third-party providers we use, along with their purposes and opt-out options:
               </p>
-              <SistentThemeProvider initialMode={isDark ? "dark" : "light"} theme={customTheme}>
+              {didLoad && (<SistentThemeProvider key={isDark ? "dark" : "light"} initialMode={isDark ? "dark" : "light"} theme={customTheme}>
                 <Row className="table-container" $Hcenter>
                   <Col md={12} sx={{ px: 0 }}>
                     <StyledTableContainer>
@@ -190,7 +195,7 @@ const CookieNotice = () => {
                     </StyledTableContainer>
                   </Col>
                 </Row>
-              </SistentThemeProvider>
+              </SistentThemeProvider>)}
               <p>
               You can also opt out of certain third-party cookies via the <a href="https://optout.aboutads.info">Digital Advertising Alliance’s opt-out tool</a> or, for European visitors, <a href="https://www.youronlinechoices.eu">Your Online Choices</a>.
               </p>
diff --git a/src/sections/Company/Legal/privacy/index.js b/src/sections/Company/Legal/privacy/index.js
index 43f92e6bdeac4..d246a861a7da7 100644
--- a/src/sections/Company/Legal/privacy/index.js
+++ b/src/sections/Company/Legal/privacy/index.js
@@ -131,15 +131,20 @@ const privacyData = [
   },
 ];
 
+// Create custom theme with Qanelas Soft font family
+const customTheme = createTheme({
+  typography: {
+    fontFamily: "\"Qanelas Soft\", \"Open Sans\", sans-serif",
+  },
+});
+
 const Privacy = () => {
   const { isDark } = useStyledDarkMode();
+  const [didLoad, setDidLoad] = React.useState(false);
 
-  // Create custom theme with Qanelas Soft font family
-  const customTheme = createTheme({
-    typography: {
-      fontFamily: "\"Qanelas Soft\", \"Open Sans\", sans-serif",
-    },
-  });
+  React.useEffect(() => {
+    setDidLoad(true);
+  }, []);
 
   return (
     <TermsWrapper>
@@ -187,7 +192,7 @@ const Privacy = () => {
               <p>
               We process your personal data for a variety of purposes depending on how you interact with us. The table below details what we collect, why we collect it, and the legal justification (lawful basis) under the GDPR for doing so.
               </p>
-              <SistentThemeProvider initialMode={isDark ? "dark" : "light"} theme={customTheme}>
+              {didLoad && (<SistentThemeProvider key={isDark ? "dark" : "light"} initialMode={isDark ? "dark" : "light"} theme={customTheme}>
                 <Row className="table-container" $Hcenter>
                   <Col md={12} sx={{ px: 0 }}>
                     <StyledTableContainer>
@@ -230,7 +235,7 @@ const Privacy = () => {
                     </StyledTableContainer>
                   </Col>
                 </Row>
-              </SistentThemeProvider>
+              </SistentThemeProvider>)}
               <h3>Cookies and Tracking Technologies</h3>
               <p>
               We use cookies and similar technologies on our website to help it function, to analyze performance, and to personalize your experience. A cookie is a small text file stored on your device.
diff --git a/src/sections/Company/Legal/sub-processors/index.js b/src/sections/Company/Legal/sub-processors/index.js
index a250372570f7e..0b61a5f3a28a4 100644
--- a/src/sections/Company/Legal/sub-processors/index.js
+++ b/src/sections/Company/Legal/sub-processors/index.js
@@ -183,15 +183,20 @@ const subProcessorData = [
   },
 ];
 
+// Create custom theme with Qanelas Soft font family
+const customTheme = createTheme({
+  typography: {
+    fontFamily: "\"Qanelas Soft\", \"Open Sans\", sans-serif",
+  },
+});
+
 const SubProcessors = () => {
   const { isDark } = useStyledDarkMode();
+  const [didLoad, setDidLoad] = React.useState(false);
 
-  // Create custom theme with Qanelas Soft font family
-  const customTheme = createTheme({
-    typography: {
-      fontFamily: "\"Qanelas Soft\", \"Open Sans\", sans-serif",
-    },
-  });
+  React.useEffect(() => {
+    setDidLoad(true);
+  }, []);
 
   return (
     <TermsWrapper>
@@ -232,7 +237,7 @@ const SubProcessors = () => {
               <p>
               Since data is physically stored in a predetermined location, once an account begins storing data it cannot be moved. If you want to switch to a different region, contact your local partner or Enterprise account manager to create a new account hosted in the region of your choice going forward.
               </p>
-              <SistentThemeProvider initialMode={isDark ? "dark" : "light"} theme={customTheme}>
+              {didLoad && (<SistentThemeProvider key={isDark ? "dark" : "light"} initialMode={isDark ? "dark" : "light"} theme={customTheme}>
                 <Row className="table-container" $Hcenter>
                   <Col md={12} sx={{ px: 0 }}>
                     {subProcessorData.map((section, index) => (
@@ -290,7 +295,7 @@ const SubProcessors = () => {
                     ))}
                   </Col>
                 </Row>
-              </SistentThemeProvider>
+              </SistentThemeProvider>)}
               <p>
                 <small>
                   <i>Last Updated: Sept 25th, 2025</i>
diff --git a/src/sections/Company/Legal/terms.style.js b/src/sections/Company/Legal/terms.style.js
index 0880f54862959..330d8a81acefb 100644
--- a/src/sections/Company/Legal/terms.style.js
+++ b/src/sections/Company/Legal/terms.style.js
@@ -44,6 +44,9 @@ const TermsWrapper = styled.section`
     h1 {
       color: white;
     }
+    h2, h3, h4, h5, h6, p, li {
+      color: ${props => props.theme.whiteToBlack};
+    }
     @media (max-width: 680px) {
       padding: 2rem 0;
       h1 {
@@ -101,3 +104,4 @@ const TermsWrapper = styled.section`
 `;
 
 export default TermsWrapper;
+