diff --git a/packages/next/build/entries.ts b/packages/next/build/entries.ts
index be2f0b3e8236e48..e2c478c0e834c48 100644
--- a/packages/next/build/entries.ts
+++ b/packages/next/build/entries.ts
@@ -65,7 +65,7 @@ export function createPagesMapping(
   // we alias these in development and allow webpack to
   // allow falling back to the correct source file so
   // that HMR can work properly when a file is added/removed
-  const documentPage = `_document${hasServerComponents ? '.web' : ''}`
+  const documentPage = `_document${hasServerComponents ? '-web' : ''}`
   if (isDev) {
     pages['/_app'] = `${PAGES_DIR_ALIAS}/_app`
     pages['/_error'] = `${PAGES_DIR_ALIAS}/_error`
diff --git a/packages/next/build/webpack-config.ts b/packages/next/build/webpack-config.ts
index 730856f88af2440..a59784b37ddc3a0 100644
--- a/packages/next/build/webpack-config.ts
+++ b/packages/next/build/webpack-config.ts
@@ -629,7 +629,7 @@ export default async function getBaseWebpackConfig(
         prev.push(path.join(pagesDir, `_document.${ext}`))
         return prev
       }, [] as string[]),
-      `next/dist/pages/_document${hasServerComponents ? '.web' : ''}.js`,
+      `next/dist/pages/_document${hasServerComponents ? '-web' : ''}.js`,
     ]
   }
 
diff --git a/packages/next/pages/_document.web.tsx b/packages/next/pages/_document-web.tsx
similarity index 85%
rename from packages/next/pages/_document.web.tsx
rename to packages/next/pages/_document-web.tsx
index 92c6462ae923e50..24421541293504c 100644
--- a/packages/next/pages/_document.web.tsx
+++ b/packages/next/pages/_document-web.tsx
@@ -1,3 +1,5 @@
+// Default _document page for web runtime
+
 import React from 'react'
 import { Html, Head, Main, NextScript } from './_document'
 
diff --git a/packages/next/taskfile.js b/packages/next/taskfile.js
index acd995ed7b17cb9..cd5c74b37d42a14 100644
--- a/packages/next/taskfile.js
+++ b/packages/next/taskfile.js
@@ -1123,7 +1123,7 @@ export async function pages_document(task, opts) {
 
 export async function pages_document_server(task, opts) {
   await task
-    .source('pages/_document.web.tsx')
+    .source('pages/_document-web.tsx')
     .swc('client', { dev: opts.dev })
     .target('dist/pages')
 }