diff --git a/docs/.vitepress/config.mjs b/docs/.vitepress/config.mjs
index a88e3d6..de709dc 100644
--- a/docs/.vitepress/config.mjs
+++ b/docs/.vitepress/config.mjs
@@ -5,8 +5,8 @@ export default defineConfig({
     title: 'Radial Color Picker',
     description: 'Minimalistic color picker with a focus on size, accessibility and performance.',
     head: [
-        ['link', { rel: 'image/png', href: '/logo.png' }],
-        ['meta', { property: 'og:image', content: '/logo.png' }],
+        ['link', { rel: 'image/png', href: '/vue-color-picker/logo.png' }],
+        ['meta', { property: 'og:image', content: '/vue-color-picker/logo.png' }],
         ['meta', { property: 'og:image:height', content: '640' }],
         ['meta', { property: 'og:image:width', content: '640' }],
         ['meta', { property: 'og:locale', content: 'en' }],
@@ -24,7 +24,7 @@ export default defineConfig({
     ],
 
     themeConfig: {
-        logo: '/logo.png',
+        logo: '/vue-color-picker/logo.png',
 
         nav: [
             { text: 'Guide', link: '/guide/' },
diff --git a/docs/index.md b/docs/index.md
index 109d16a..bd18255 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -4,7 +4,7 @@ layout: home
 hero:
     name: 'Radial Color Picker'
     tagline: 'Minimalistic color picker with a focus on size, accessibility and performance.'
-    image: /logo.png
+    image: /vue-color-picker/logo.png
     actions:
         - theme: brand
           text: Get Started