diff --git a/editor.planx.uk/src/components/Header.tsx b/editor.planx.uk/src/components/Header.tsx
index 242d2d9ef2..d4c1b46886 100644
--- a/editor.planx.uk/src/components/Header.tsx
+++ b/editor.planx.uk/src/components/Header.tsx
@@ -141,16 +141,15 @@ const Logo = styled("img")(() => ({
maxWidth: 140,
maxHeight: HEADER_HEIGHT_PUBLIC - 20,
objectFit: "contain",
+ "@media print": {
+ filter: "invert(1)",
+ },
}));
-const LogoLink = styled(Link)(({ theme }) => ({
+const LogoLink = styled(Link)(() => ({
display: "flex",
alignItems: "center",
"&:focus-visible": borderedFocusStyle,
- "@media print": {
- backgroundColor: theme.palette.common.black,
- padding: "0.25em",
- },
}));
const SkipLink = styled("a")(({ theme }) => ({
diff --git a/editor.planx.uk/src/pages/layout/PublicLayout.tsx b/editor.planx.uk/src/pages/layout/PublicLayout.tsx
index f7b21a23b1..72860758dc 100644
--- a/editor.planx.uk/src/pages/layout/PublicLayout.tsx
+++ b/editor.planx.uk/src/pages/layout/PublicLayout.tsx
@@ -29,6 +29,13 @@ const MainContainer = styled(Box)(({ theme }) => ({
position: "relative",
}));
+const OglLogo = styled("img")(({ theme }) => ({
+ paddingRight: theme.spacing(2),
+ "@media print": {
+ filter: "invert(1)",
+ },
+}));
+
const PublicFooter: React.FC = () => {
const { data } = useCurrentRoute();
const [flowSettings, globalSettings] = useStore((state) => [
@@ -68,19 +75,7 @@ const PublicFooter: React.FC = () => {