diff --git a/packages/bridge/src/vite/manifest.ts b/packages/bridge/src/vite/manifest.ts
index 2f773c436e..93ffa5e9a4 100644
--- a/packages/bridge/src/vite/manifest.ts
+++ b/packages/bridge/src/vite/manifest.ts
@@ -129,16 +129,11 @@ export async function stubManifest (ctx: ViteBuildContext) {
   await writeServerManifest(serverManifest, ctx.nuxt.options.buildDir)
 }
 
-export async function generateDevSSRManifest (ctx: ViteBuildContext) {
-  const rDist = (...args: string[]): string => resolve(ctx.nuxt.options.buildDir, 'dist', ...args)
-
-  const ssrManifest = await fse.readJSON(rDist('server/ssr-manifest.json'))
-  const css = Object.keys(ssrManifest).filter(isCSS)
-
+export async function generateDevSSRManifest (ctx: ViteBuildContext, extraEntries: string[] = []) {
   const entires = [
     '@vite/client',
     'entry.mjs',
-    ...css.map(i => `../${i}`)
+    ...extraEntries
   ]
 
   const clientManifest = {
diff --git a/packages/bridge/src/vite/server.ts b/packages/bridge/src/vite/server.ts
index d066299145..6cfdbe6a6d 100644
--- a/packages/bridge/src/vite/server.ts
+++ b/packages/bridge/src/vite/server.ts
@@ -9,6 +9,7 @@ import { ViteBuildContext, ViteOptions } from './types'
 import { wpfs } from './utils/wpfs'
 import { jsxPlugin } from './plugins/jsx'
 import { generateDevSSRManifest } from './manifest'
+import { isCSS } from './utils'
 
 export async function buildServer (ctx: ViteBuildContext) {
   // Workaround to disable HMR
@@ -101,7 +102,9 @@ export async function buildServer (ctx: ViteBuildContext) {
   // Build and watch
   const _doBuild = async () => {
     const start = Date.now()
-    const { code } = await bundleRequest({ viteServer }, '/.nuxt/server.js')
+    const { code, ids } = await bundleRequest({ viteServer }, '/.nuxt/server.js')
+    // Have CSS in the manifest to prevent FOUC on dev SSR
+    await generateDevSSRManifest(ctx, ids.filter(isCSS).map(i => '../' + i.slice(1)))
     await fse.writeFile(resolve(ctx.nuxt.options.buildDir, 'dist/server/server.mjs'), code, 'utf-8')
     const time = (Date.now() - start)
     consola.info(`Server built in ${time}ms`)
diff --git a/packages/vite/src/manifest.ts b/packages/vite/src/manifest.ts
index a67cdbce3a..c1c84eef54 100644
--- a/packages/vite/src/manifest.ts
+++ b/packages/vite/src/manifest.ts
@@ -2,7 +2,7 @@ import fse from 'fs-extra'
 import { resolve } from 'pathe'
 import type { ViteBuildContext } from './vite'
 
-export async function writeManifest (ctx: ViteBuildContext, extracEntries: string[] = []) {
+export async function writeManifest (ctx: ViteBuildContext, extraEntries: string[] = []) {
   // Write client manifest for use in vue-bundle-renderer
   const clientDist = resolve(ctx.nuxt.options.buildDir, 'dist/client')
   const serverDist = resolve(ctx.nuxt.options.buildDir, 'dist/server')
@@ -10,7 +10,7 @@ export async function writeManifest (ctx: ViteBuildContext, extracEntries: strin
   const entries = [
     '@vite/client',
     'entry.mjs',
-    ...extracEntries
+    ...extraEntries
   ]
 
   // Legacy dev manifest