diff --git a/app/root.tsx b/app/root.tsx
index 28cfa1f..29c2de8 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -6,6 +6,7 @@ import {
   Scripts,
   ScrollRestoration,
 } from "react-router";
+import favicon from "./favicon.ico";
 
 import type { Route } from "./+types/root";
 import "./app.css";
@@ -16,7 +17,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
       <head>
         <meta charSet="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link rel="icon" href="/app/favicon.ico" />
+        <link rel="icon" href={favicon} />
         <Meta />
         <Links />
       </head>
