diff --git a/packages/dashboard/src/components/Layout.js b/packages/dashboard/src/components/Layout.js
index 6724a738..c1e9eb4e 100644
--- a/packages/dashboard/src/components/Layout.js
+++ b/packages/dashboard/src/components/Layout.js
@@ -24,8 +24,7 @@ export default function Layout({ title, children }) {
   return (
     <div>
       <Head>
-        <title>Skynet - {title}</title>
-        <link rel="icon" href="/favicon.ico" />
+        <title key="title">Skynet - {title}</title>
       </Head>
       <div className="bg-gray-800 pb-32">
         <nav className="bg-gray-800">
diff --git a/packages/dashboard/src/pages/_app.js b/packages/dashboard/src/pages/_app.js
index aa74a14f..5be206d2 100644
--- a/packages/dashboard/src/pages/_app.js
+++ b/packages/dashboard/src/pages/_app.js
@@ -1,5 +1,6 @@
 import { Elements } from "@stripe/react-stripe-js";
 import { loadStripe } from "@stripe/stripe-js";
+import Head from "next/head";
 import "tailwindcss/tailwind.css";
 import "@fontsource/metropolis/all.css";
 
@@ -8,6 +9,10 @@ const stripePromise = loadStripe(process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY)
 function MyApp({ Component, pageProps }) {
   return (
     <Elements stripe={stripePromise}>
+      <Head>
+        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+        <title key="title">Skynet</title>
+      </Head>
       <Component {...pageProps} />
     </Elements>
   );
