diff --git a/app/_components/Header.tsx b/app/_components/Header.tsx
index b71c16a..d49548d 100644
--- a/app/_components/Header.tsx
+++ b/app/_components/Header.tsx
@@ -1,6 +1,6 @@
 import styles from './Header.module.css';
-import Link from 'next/link';
 import Logo from '@/_assets/logo.svg';
+import normalizeUrl from '../_utils/normalizeUrl';
 
 export default function Header({ action }: { action: 'start' | 'stop' }) {
   const canStop = action === 'stop';
@@ -8,7 +8,10 @@ export default function Header({ action }: { action: 'start' | 'stop' }) {
   return (
     <header className={styles.header}>
       <Logo className={styles.logo} />
-      <a className={styles.slidershow} href={canStop ? '/' : '/starry-night'}>
+      <a
+        className={styles.slidershow}
+        href={normalizeUrl(canStop ? '/' : '/starry-night')}
+      >
         {canStop ? 'Stop' : 'Start'} slideshow
       </a>
     </header>