diff --git a/src/web-check-live/components/misc/ProgressBar.tsx b/src/web-check-live/components/misc/ProgressBar.tsx
index c29bb88..6b02027 100644
--- a/src/web-check-live/components/misc/ProgressBar.tsx
+++ b/src/web-check-live/components/misc/ProgressBar.tsx
@@ -455,7 +455,7 @@ const ProgressLoader = (props: { loadStatus: LoadingJob[], showModal: (err: Reac
           It's normal for some jobs to fail, either because the host doesn't return the required info,
           or restrictions in the lambda function, or hitting an API limit.
         </p>}
-        <AboutPageLink href="/about" target="_blank" rel="noreferer" >Learn More about Web-Check</AboutPageLink>
+        <AboutPageLink href="/check/about" target="_blank" rel="noreferer" >Learn More about Web-Check</AboutPageLink>
     </Details>
     <DismissButton onClick={() => setHideLoader(true)}>Dismiss</DismissButton>
   </LoadCard>
diff --git a/src/web-check-live/views/Home.tsx b/src/web-check-live/views/Home.tsx
index 96da8b2..cab18b8 100644
--- a/src/web-check-live/views/Home.tsx
+++ b/src/web-check-live/views/Home.tsx
@@ -286,7 +286,7 @@ const Home = (): JSX.Element => {
           <a target="_blank" rel="noreferrer" href="https://app.netlify.com/start/deploy?repository=https://github.com/lissy93/web-check" title="Deploy your own private or public instance of Web-Check to Netlify">
             <Button>Deploy your own</Button>
           </a>
-          <a href="about#api-documentation" title="View the API documentation, to use Web-Check programmatically">
+          <a href="check/about#api-documentation" title="View the API documentation, to use Web-Check programmatically">
             <Button>API Docs</Button>
           </a>
         </div>