diff --git a/packages/frontend/src/components/LogoTemplate/LogoTemplate.tsx b/packages/frontend/src/components/LogoTemplate/LogoTemplate.tsx
index 8f3ff24e..cd4f6dc3 100644
--- a/packages/frontend/src/components/LogoTemplate/LogoTemplate.tsx
+++ b/packages/frontend/src/components/LogoTemplate/LogoTemplate.tsx
@@ -12,7 +12,7 @@ interface Props {
   direction?: "horizontal" | "vertical";
 }
 
-const useStyles = makeStyles({
+const useStyles = makeStyles((theme) => ({
   root: {
     height: "100%",
     padding: "1rem",
@@ -24,12 +24,12 @@ const useStyles = makeStyles({
     width: "100%",
   },
   logoText: {
-    color: "#3f3f40",
+    color: theme.palette.text.primary,
     fontFamily: "'Roboto Mono', monospace",
     fontSize: "4em",
     textAlign: "center",
   },
-});
+}));
 
 const LogoTemplate = (props: Props): ReactElement => {
   const classes = useStyles(props);
diff --git a/packages/frontend/src/pages/PrivacyNoticePage/PrivacyNoticePage.tsx b/packages/frontend/src/pages/PrivacyNoticePage/PrivacyNoticePage.tsx
index 43879140..b866a758 100644
--- a/packages/frontend/src/pages/PrivacyNoticePage/PrivacyNoticePage.tsx
+++ b/packages/frontend/src/pages/PrivacyNoticePage/PrivacyNoticePage.tsx
@@ -3,10 +3,17 @@
  */
 
 import { ReactElement } from "react";
-import { Typography, Link } from "@material-ui/core";
+import { Typography, Link, makeStyles } from "@material-ui/core";
 import LogoTemplate from "../../components/LogoTemplate";
 
+const useStyles = makeStyles((theme) => ({
+  root: {
+    color: theme.palette.text.primary,
+  },
+}));
+
 const PrivacyPolicyPage = (): ReactElement => {
+  const classes = useStyles();
   return (
     <LogoTemplate direction="vertical">
       <Typography variant="h2">Privacy Notice</Typography>
@@ -27,7 +34,9 @@ const PrivacyPolicyPage = (): ReactElement => {
           </li>
           <li>
             <strong>Email:</strong>{" "}
-            <Link href="mailto:cs3099.a3.unifed@gmail.com">cs3099.a3.unifed@gmail.com</Link>
+            <Link classes={classes} href="mailto:cs3099.a3.unifed@gmail.com">
+              cs3099.a3.unifed@gmail.com
+            </Link>
           </li>
         </ul>
       </Typography>
@@ -129,7 +138,7 @@ const PrivacyPolicyPage = (): ReactElement => {
         <br />
         <strong>Helpline number:</strong> 0303 123 1113 <br />
         <strong>Website:</strong>{" "}
-        <Link href="https://www.ico.org.uk" target="blank">
+        <Link classes={classes} href="https://www.ico.org.uk" target="blank">
           https://www.ico.org.uk
         </Link>
       </Typography>
diff --git a/packages/frontend/src/pages/PrivacyNoticePage/__snapshots__/PrivacyNoticePolicy.test.tsx.snap b/packages/frontend/src/pages/PrivacyNoticePage/__snapshots__/PrivacyNoticePolicy.test.tsx.snap
index d02d8a42..cbf07f2c 100644
--- a/packages/frontend/src/pages/PrivacyNoticePage/__snapshots__/PrivacyNoticePolicy.test.tsx.snap
+++ b/packages/frontend/src/pages/PrivacyNoticePage/__snapshots__/PrivacyNoticePolicy.test.tsx.snap
@@ -2,13 +2,13 @@
 
 exports[`Render 1`] = `
 <div
-  className="makeStyles-root-1"
+  className="makeStyles-root-2"
 >
   <div
-    className="MuiContainer-root makeStyles-rootContainer-2 MuiContainer-maxWidthLg"
+    className="MuiContainer-root makeStyles-rootContainer-3 MuiContainer-maxWidthLg"
   >
     <div
-      className="MuiGrid-root makeStyles-rootContainer-2 MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-justify-xs-center"
+      className="MuiGrid-root makeStyles-rootContainer-3 MuiGrid-container MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-justify-xs-center"
     >
       <div
         className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-4 MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-justify-xs-space-evenly"
@@ -19,11 +19,11 @@ exports[`Render 1`] = `
           <div>
             <img
               alt="Unifed"
-              className="makeStyles-logo-3"
+              className="makeStyles-logo-4"
               src="unifed.svg"
             />
             <div
-              className="makeStyles-logoText-4"
+              className="makeStyles-logoText-5"
             >
               Unifed
             </div>
@@ -78,7 +78,7 @@ exports[`Render 1`] = `
                 </strong>
                  
                 <a
-                  className="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorPrimary"
+                  className="MuiTypography-root MuiLink-root makeStyles-root-1 MuiLink-underlineHover MuiTypography-colorPrimary"
                   href="mailto:cs3099.a3.unifed@gmail.com"
                   onBlur={[Function]}
                   onFocus={[Function]}
@@ -251,7 +251,7 @@ exports[`Render 1`] = `
             </strong>
              
             <a
-              className="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorPrimary"
+              className="MuiTypography-root MuiLink-root makeStyles-root-1 MuiLink-underlineHover MuiTypography-colorPrimary"
               href="https://www.ico.org.uk"
               onBlur={[Function]}
               onFocus={[Function]}