diff --git a/changelog/v0.0.22/docs-header-logo.yaml b/changelog/v0.0.22/docs-header-logo.yaml
new file mode 100644
index 00000000000..0c66d4949fa
--- /dev/null
+++ b/changelog/v0.0.22/docs-header-logo.yaml
@@ -0,0 +1,5 @@
+changelog:
+  - type: NON_USER_FACING
+    description: Update the header logo size and PNG so the font shows up in other browsers like Firefox.
+    issueLink: https://github.com/solo-io/gloo-mesh-enterprise/issues/5349
+    resolvesIssue: false
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 4a47f59cdc8..2f1d50fb7cf 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -25,7 +25,7 @@
   src="//js.hs-scripts.com/5130874.js"
 ></script>
 <a id="logo" href="https://docs.solo.io/">
-  <img src="{{ .Site.Data.Solo.DocsVersion }}/images/platform-docs.svg" />
+  <img src="{{ .Site.Data.Solo.DocsVersion }}/images/platform-docs.png" />
 </a>
 
 <!--Tech Target script from marketing for EMEA research-->
diff --git a/static/css/header.css b/static/css/header.css
index a1c1695b39d..31b680589d3 100644
--- a/static/css/header.css
+++ b/static/css/header.css
@@ -1,6 +1,6 @@
 header .logo img {
-  width: 170px;
-  height: 40px;
+  width: 300px;
+  height: 33px;
 }
 
 
diff --git a/static/images/platform-docs.png b/static/images/platform-docs.png
new file mode 100644
index 00000000000..2db2eb272c3
Binary files /dev/null and b/static/images/platform-docs.png differ
diff --git a/static/theme-flex/style.css b/static/theme-flex/style.css
index 8123a42828b..01b98dcc087 100644
--- a/static/theme-flex/style.css
+++ b/static/theme-flex/style.css
@@ -82,7 +82,7 @@ header {
   display: flex;
   height: 3.5rem;
   left: 0;
-  line-height: 3.5rem;
+  line-height: 1.5rem;
   margin-bottom: 0.35rem;
   padding: 0 2rem;
   position: fixed;
@@ -111,6 +111,7 @@ header .logo * {
 header .logo img {
   width: 170px;
   height: 40px;
+  margin-top: 0.5rem;
 }
 
 header nav.shortcuts {