diff --git a/src/features/nav/components/Navbar.vue b/src/features/nav/components/Navbar.vue
index 9033eb7..d12c87a 100644
--- a/src/features/nav/components/Navbar.vue
+++ b/src/features/nav/components/Navbar.vue
@@ -20,7 +20,7 @@ const isDark = inject('isDark');
 <template>
     <nav class="global-nav">
         <RouterLink to="/" class="link button link">
-            <span id="logo">Seekra</span>
+        <img src="@/assets/logo.svg" alt="Seekra" class="nav-logo" />
         </RouterLink>
     <ul class="right-links">
         <li>
@@ -75,4 +75,8 @@ const isDark = inject('isDark');
 .dark-mode-toggle:hover {
     background: var(--light-d-2);
 }
+.nav-logo {
+    height: 32px;
+    width: auto;
+}
 </style>
\ No newline at end of file