diff --git a/frontend/src/pages/ErrorPage.tsx b/frontend/src/pages/ErrorPage.tsx
index 1f7f6062..75ae2bb2 100644
--- a/frontend/src/pages/ErrorPage.tsx
+++ b/frontend/src/pages/ErrorPage.tsx
@@ -1,5 +1,6 @@
 import { Helmet } from 'react-helmet';
 import { useRouteError } from 'react-router-dom';
+import importColours, { ColourConstant, ColourVariants } from '../configuration/colours/getColours';
 
 // This is not always the correct response
 type ErrorType = {
@@ -9,6 +10,8 @@ type ErrorType = {
 
 const ErrorPage = () => {
   const error = useRouteError() as ErrorType;
+  importColours(ColourConstant.Dark as ColourVariants);
+
   console.error('ErrorPage', error);
 
   return (