diff --git a/src/app/pages/404/404.tsx b/src/app/pages/404/404.tsx
index 1e39ccec5..12376c70e 100644
--- a/src/app/pages/404/404.tsx
+++ b/src/app/pages/404/404.tsx
@@ -1,11 +1,17 @@
 import React from 'react';
 import useDocumentHead from '~/helpers/use-document-head';
+import useLayoutContext from '~/contexts/layout';
 
 export default function Page() {
     useDocumentHead({
         title: '404 Not Found - OpenStax',
         noindex: true
     });
+    const {layoutParameters, setLayoutParameters} = useLayoutContext();
+
+    if (layoutParameters.name === null) {
+        setLayoutParameters();
+    }
 
     return (
         <main className="not-found no-style page">
diff --git a/test/src/components/loader-page.test.tsx b/test/src/components/loader-page.test.tsx
index 946b7e467..590dbcc40 100644
--- a/test/src/components/loader-page.test.tsx
+++ b/test/src/components/loader-page.test.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import {render, screen} from '@testing-library/preact';
 import { LoadedPage } from '~/components/jsx-helpers/loader-page';
 import MemoryRouter from '~/../../test/helpers/future-memory-router';
+import { LayoutContextProvider } from '~/contexts/layout';
 
 describe('loader-page', () => {
     // The rest of the code is exercised in other tests.
@@ -13,7 +14,9 @@ describe('loader-page', () => {
 
         render(
             <MemoryRouter initialEntries={['/testpage']}>
-                <LoadedPage data={data} Child={Child} props={{}} />
+                <LayoutContextProvider>
+                    <LoadedPage data={data} Child={Child} props={{}} />
+                </LayoutContextProvider>
             </MemoryRouter>
         );