diff --git a/app.vue b/app.vue
index 90c7e3d..9348f0d 100644
--- a/app.vue
+++ b/app.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { navMenuItems, homeMenuItem } from '~~/data/nav'
 
+const config = useRuntimeConfig();
 const colorMode = useColorMode();
 
 const isSidebarVisible = ref(false);
@@ -66,7 +67,7 @@ const menuPassThroughOptions = {
   <div class="flex flex-col items-center min-h-screen">
     <div class="flex justify-between items-center w-full p-1">
       <RouterLink :to="homeMenuItem.to!" :title="homeMenuItem.label" class="inline-block p-2">
-        <img src="/favicon/favicon-32x32.png" :alt="homeMenuItem.label as string" />
+        <img :src="`${config.app.baseURL}favicon/favicon-32x32.png`" :alt="homeMenuItem.label as string" />
       </RouterLink>
 
       <Button
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 144478d..8e02811 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -28,7 +28,7 @@ export default defineNuxtConfig({
         {
           rel: 'icon',
           type: 'image/x-icon',
-          href: '/favicon/favicon.ico'
+          href: (process.env.NUXT_APP_BASE_URL || '/') + 'favicon/favicon.ico'
         }
       ]
     }