diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx
index 0b02df3..9f4067f 100644
--- a/src/components/Logo.tsx
+++ b/src/components/Logo.tsx
@@ -1,3 +1,3 @@
 export const Logo = () => (
-  <img src="public/favicon.svg" alt="My Logo" style={{ height: 40 }} />
+  <img src="/favicon.svg" alt="My Logo" style={{ height: 40 }} />
 )
\ No newline at end of file
diff --git a/src/payload.config.ts b/src/payload.config.ts
index fc02368..3b6321d 100644
--- a/src/payload.config.ts
+++ b/src/payload.config.ts
@@ -3,7 +3,6 @@ import sharp from 'sharp'
 import path from 'path'
 import { buildConfig, PayloadRequest } from 'payload'
 import { fileURLToPath } from 'url'
-import { Logo } from './components/Logo'
 
 import { Categories } from './collections/Categories'
 import { Media } from './collections/Media'
@@ -28,8 +27,8 @@ export default buildConfig({
       // The `BeforeDashboard` component renders the 'welcome' block that you see after logging into your admin panel.
       // Feel free to delete this at any time. Simply remove the line below.
       beforeDashboard: ['@/components/BeforeDashboard'],
-       graphics: {
-        Logo,
+      graphics: {
+        Logo: '@/components/Logo#Logo',  // ✅ string-based import
       },
     },
     importMap: {