diff --git a/editor.planx.uk/src/components/Header.test.tsx b/editor.planx.uk/src/components/Header.test.tsx
index ac64dcebc0..a10b3b9b9c 100644
--- a/editor.planx.uk/src/components/Header.test.tsx
+++ b/editor.planx.uk/src/components/Header.test.tsx
@@ -18,6 +18,9 @@ const mockTeam1: Team = {
   slug: "opensystemslab",
   theme: {
     logo: "logo.jpg",
+    primary: "#0010A4",
+    secondary: null,
+    favicon: null,
   },
 };
 
diff --git a/editor.planx.uk/src/components/Header.tsx b/editor.planx.uk/src/components/Header.tsx
index 8e112c4ebf..17157ecc37 100644
--- a/editor.planx.uk/src/components/Header.tsx
+++ b/editor.planx.uk/src/components/Header.tsx
@@ -183,7 +183,7 @@ const TeamLogo: React.FC = () => {
   const altText = teamSettings?.homepage
     ? `${teamName} Homepage (opens in a new tab)`
     : `${teamName} Logo`;
-  const logo = <Logo alt={altText} src={teamTheme?.logo} />;
+  const logo = <Logo alt={altText} src={teamTheme?.logo ?? undefined} />;
   return teamSettings?.homepage ? (
     <LogoLink href={teamSettings?.homepage} target="_blank">
       {logo}
diff --git a/editor.planx.uk/src/routes/views/published.tsx b/editor.planx.uk/src/routes/views/published.tsx
index ac121b0c26..f583bfcedc 100644
--- a/editor.planx.uk/src/routes/views/published.tsx
+++ b/editor.planx.uk/src/routes/views/published.tsx
@@ -71,7 +71,12 @@ const fetchDataForPublishedView = async (
           ) {
             id
             team {
-              theme
+              theme {
+                primary: primary_colour
+                secondary: secondary_colour
+                logo
+                favicon
+              }
               name
               settings
               slug
diff --git a/editor.planx.uk/src/routes/views/standalone.tsx b/editor.planx.uk/src/routes/views/standalone.tsx
index 9169cde616..71452b5033 100644
--- a/editor.planx.uk/src/routes/views/standalone.tsx
+++ b/editor.planx.uk/src/routes/views/standalone.tsx
@@ -59,7 +59,12 @@ const fetchDataForStandaloneView = async (
           ) {
             id
             team {
-              theme
+              theme {
+                primary: primary_colour
+                secondary: secondary_colour
+                logo
+                favicon
+              }
               name
               settings
               slug
diff --git a/editor.planx.uk/src/routes/views/unpublished.tsx b/editor.planx.uk/src/routes/views/unpublished.tsx
index d4de06d5d2..1495df6059 100644
--- a/editor.planx.uk/src/routes/views/unpublished.tsx
+++ b/editor.planx.uk/src/routes/views/unpublished.tsx
@@ -62,7 +62,12 @@ const fetchDataForUnpublishedView = async (
           ) {
             id
             team {
-              theme
+              theme {
+                primary: primary_colour
+                secondary: secondary_colour
+                logo
+                favicon
+              }
               name
               settings
               slug
diff --git a/editor.planx.uk/src/types.ts b/editor.planx.uk/src/types.ts
index a5521603c1..63450fe9fa 100644
--- a/editor.planx.uk/src/types.ts
+++ b/editor.planx.uk/src/types.ts
@@ -27,8 +27,10 @@ export interface Team {
 }
 
 export interface TeamTheme {
-  primary?: string;
-  logo?: string;
+  primary: string;
+  secondary: string | null;
+  logo: string | null;
+  favicon: string | null;
 }
 
 export interface TeamSettings {