diff --git a/web/src/app/(app)/layout.tsx b/web/src/app/(app)/layout.tsx
index 437bf5b..7995157 100644
--- a/web/src/app/(app)/layout.tsx
+++ b/web/src/app/(app)/layout.tsx
@@ -36,11 +36,11 @@ export default function RootLayout({
     <html lang="en">
       <ClerkProvider>
         <TooltipProvider>
-          <head>
-            {process.env.PLAUSIBLE_DOMAIN && (
+          {process.env.PLAUSIBLE_DOMAIN && (
+            <head>
               <PlausibleProvider domain={process.env.PLAUSIBLE_DOMAIN} />
-            )}
-          </head>
+            </head>
+          )}
           <body className={inter.className}>
             <main className="w-full flex min-h-[100dvh] flex-col items-center justify-start">
               <div className="z-[-1] fixed h-full w-full bg-white">
diff --git a/web/src/app/(docs)/docs/layout.tsx b/web/src/app/(docs)/docs/layout.tsx
index 540af89..4383823 100644
--- a/web/src/app/(docs)/docs/layout.tsx
+++ b/web/src/app/(docs)/docs/layout.tsx
@@ -29,11 +29,11 @@ export default async function RootLayout({
 
   return (
     <html lang="en" className="h-full" suppressHydrationWarning>
-      <head>
-        {process.env.PLAUSIBLE_DOMAIN && (
+      {process.env.PLAUSIBLE_DOMAIN && (
+        <head>
           <PlausibleProvider domain={process.env.PLAUSIBLE_DOMAIN} />
-        )}
-      </head>
+        </head>
+      )}
       <body className="flex min-h-full bg-white antialiased dark:bg-zinc-900">
         <Providers>
           <div className="w-full">
