diff --git a/astro-web/astro.config.mjs b/astro-web/astro.config.mjs
index 416d904..33eba99 100644
--- a/astro-web/astro.config.mjs
+++ b/astro-web/astro.config.mjs
@@ -6,5 +6,6 @@ import react from "@astrojs/react";
 // https://astro.build/config
 export default defineConfig({
   integrations: [tailwind(), react()],
-  site: 'https://performant-software.github.io'
+  site: 'https://performant-software.github.io',
+  base: '/editioncrafter/astro-web'
 });
diff --git a/astro-web/src/components/FeatureTabs.tsx b/astro-web/src/components/FeatureTabs.tsx
index d2b53af..61ff57e 100644
--- a/astro-web/src/components/FeatureTabs.tsx
+++ b/astro-web/src/components/FeatureTabs.tsx
@@ -3,7 +3,7 @@ import { useState } from "react";
 
 const FeatureTabs = () => {
     const [active, setActive] = useState(0)
-    const images = ['/editioncrafter_browser 1.png', '/editioncrafter_browser 2.png', '/editioncrafter_browser 3.png', '/editioncrafter_browser 4.png'];
+    const images = ['/editioncrafter/astro-web/editioncrafter_browser 1.png', '/editioncrafter/astro-web/editioncrafter_browser 2.png', '/editioncrafter/astro-web/editioncrafter_browser 3.png', '/editioncrafter/astro-web/editioncrafter_browser 4.png'];
     return (
         <div className="max-w-[1072px] mx-auto">
             <img src={images[active]} width={1072} height={710} alt="EditionCrafter screenshot" className="transition" />