diff --git a/src/ui/images/png/global-navigation-zarf-logo.png b/src/ui/images/png/global-navigation-zarf-logo.png
deleted file mode 100644
index b516a4418c..0000000000
Binary files a/src/ui/images/png/global-navigation-zarf-logo.png and /dev/null differ
diff --git a/src/ui/images/zarf-logo.png b/src/ui/images/zarf-logo.png
index 1288fc4d56..d12d462908 100644
Binary files a/src/ui/images/zarf-logo.png and b/src/ui/images/zarf-logo.png differ
diff --git a/src/ui/lib/components/global-navigation-bar.svelte b/src/ui/lib/components/global-navigation-bar.svelte
index b13a652496..49c747bd25 100644
--- a/src/ui/lib/components/global-navigation-bar.svelte
+++ b/src/ui/lib/components/global-navigation-bar.svelte
@@ -3,7 +3,7 @@
 // SPDX-FileCopyrightText: 2021-Present The Zarf Authors
  -->
 <script lang="ts">
-	import ZarfLogoDark from '@images/png/global-navigation-zarf-logo.png';
+	import ZarfLogoDark from '@images/zarf-logo.png';
 
 	import { Paper, type SSX } from '@ui';
 	import ThemeToggle from './theme-toggle.svelte';
@@ -34,7 +34,9 @@
 	square
 >
 	<div class="nav-right">
-		<a href="/"><img src={ZarfLogoDark} alt="Zarf logo link to home" /></a>
+		<a href="/">
+			<img src={ZarfLogoDark} height="48px" width="107px" alt="Zarf logo link to home" />
+		</a>
 	</div>
 	<div class="nav-left"><ThemeToggle /></div>
 </Paper>