diff --git a/components/Logo.tsx b/components/Logo.tsx
index f54357f..206ab81 100644
--- a/components/Logo.tsx
+++ b/components/Logo.tsx
@@ -1,5 +1,6 @@
 import Link from "next/link";
 import classes from "./Logo.module.css";
+import logoUrl from "../public/icon-light.png"
 
 export function Logo() {
   return (
@@ -7,7 +8,7 @@ export function Logo() {
       href="/"
       className={classes.logo}
     >
-      <img src="/icon-light.png" alt="Logo of movie-web" />
+      <img src={logoUrl.src} alt="Logo of movie-web" />
     </Link>
   );
 }
diff --git a/next.config.mjs b/next.config.mjs
index 87df5b4..9c0b7f6 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,12 +1,10 @@
 import { guider } from '@neato/guider';
 
 const withGuider = guider({
-  // The location of your theme file, created in the next step
   themeConfig: './theme.config.tsx',
 });
 
 export default withGuider({
-  // These are the normal Next.JS settings.
-  // Check out Next.JS docs: https://nextjs.org/docs/app/api-reference/next-config-js
   output: 'export',
+  basePath: '/docs',
 });