diff --git a/404.html b/404.html
index 3c7193a9..cb1e4538 100644
--- a/404.html
+++ b/404.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="shortcut icon" href="./favicon.ico" />
+    <link rel="shortcut icon" href="/favicon.ico" />
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=yes"
@@ -11,7 +11,7 @@
     <meta name="description" content="" />
 
     <script src="https://use.fontawesome.com/ba3dde78ee.js"></script>
-    <link rel="manifest" href="./manifest.json" />
+    <link rel="manifest" href="/manifest.json" />
     <title>Uniswap v4 by Example</title>
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
@@ -28,8 +28,8 @@
 
       gtag("config", "UA-133759045-1")
     </script>
-    <script type="module" crossorigin src="./assets/index-c1bbc8a9.js"></script>
-    <link rel="stylesheet" href="./assets/index-7c2e5380.css">
+    <script type="module" crossorigin src="/assets/index-c1bbc8a9.js"></script>
+    <link rel="stylesheet" href="/assets/index-7c2e5380.css">
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/create-liquidity/index.html b/create-liquidity/index.html
index 3c7193a9..cb1e4538 100644
--- a/create-liquidity/index.html
+++ b/create-liquidity/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="shortcut icon" href="./favicon.ico" />
+    <link rel="shortcut icon" href="/favicon.ico" />
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=yes"
@@ -11,7 +11,7 @@
     <meta name="description" content="" />
 
     <script src="https://use.fontawesome.com/ba3dde78ee.js"></script>
-    <link rel="manifest" href="./manifest.json" />
+    <link rel="manifest" href="/manifest.json" />
     <title>Uniswap v4 by Example</title>
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
@@ -28,8 +28,8 @@
 
       gtag("config", "UA-133759045-1")
     </script>
-    <script type="module" crossorigin src="./assets/index-c1bbc8a9.js"></script>
-    <link rel="stylesheet" href="./assets/index-7c2e5380.css">
+    <script type="module" crossorigin src="/assets/index-c1bbc8a9.js"></script>
+    <link rel="stylesheet" href="/assets/index-7c2e5380.css">
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/index.html b/index.html
index 3c7193a9..cb1e4538 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="shortcut icon" href="./favicon.ico" />
+    <link rel="shortcut icon" href="/favicon.ico" />
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=yes"
@@ -11,7 +11,7 @@
     <meta name="description" content="" />
 
     <script src="https://use.fontawesome.com/ba3dde78ee.js"></script>
-    <link rel="manifest" href="./manifest.json" />
+    <link rel="manifest" href="/manifest.json" />
     <title>Uniswap v4 by Example</title>
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
@@ -28,8 +28,8 @@
 
       gtag("config", "UA-133759045-1")
     </script>
-    <script type="module" crossorigin src="./assets/index-c1bbc8a9.js"></script>
-    <link rel="stylesheet" href="./assets/index-7c2e5380.css">
+    <script type="module" crossorigin src="/assets/index-c1bbc8a9.js"></script>
+    <link rel="stylesheet" href="/assets/index-7c2e5380.css">
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/initialize/index.html b/initialize/index.html
index 3c7193a9..cb1e4538 100644
--- a/initialize/index.html
+++ b/initialize/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="shortcut icon" href="./favicon.ico" />
+    <link rel="shortcut icon" href="/favicon.ico" />
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=yes"
@@ -11,7 +11,7 @@
     <meta name="description" content="" />
 
     <script src="https://use.fontawesome.com/ba3dde78ee.js"></script>
-    <link rel="manifest" href="./manifest.json" />
+    <link rel="manifest" href="/manifest.json" />
     <title>Uniswap v4 by Example</title>
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
@@ -28,8 +28,8 @@
 
       gtag("config", "UA-133759045-1")
     </script>
-    <script type="module" crossorigin src="./assets/index-c1bbc8a9.js"></script>
-    <link rel="stylesheet" href="./assets/index-7c2e5380.css">
+    <script type="module" crossorigin src="/assets/index-c1bbc8a9.js"></script>
+    <link rel="stylesheet" href="/assets/index-7c2e5380.css">
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/swap/index.html b/swap/index.html
index 3c7193a9..cb1e4538 100644
--- a/swap/index.html
+++ b/swap/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="shortcut icon" href="./favicon.ico" />
+    <link rel="shortcut icon" href="/favicon.ico" />
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=yes"
@@ -11,7 +11,7 @@
     <meta name="description" content="" />
 
     <script src="https://use.fontawesome.com/ba3dde78ee.js"></script>
-    <link rel="manifest" href="./manifest.json" />
+    <link rel="manifest" href="/manifest.json" />
     <title>Uniswap v4 by Example</title>
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
@@ -28,8 +28,8 @@
 
       gtag("config", "UA-133759045-1")
     </script>
-    <script type="module" crossorigin src="./assets/index-c1bbc8a9.js"></script>
-    <link rel="stylesheet" href="./assets/index-7c2e5380.css">
+    <script type="module" crossorigin src="/assets/index-c1bbc8a9.js"></script>
+    <link rel="stylesheet" href="/assets/index-7c2e5380.css">
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
