diff --git a/packages/vite/src/streaming/streamHelpers.ts b/packages/vite/src/streaming/streamHelpers.ts
index a51ccf727daf..04544b186a4a 100644
--- a/packages/vite/src/streaming/streamHelpers.ts
+++ b/packages/vite/src/streaming/streamHelpers.ts
@@ -149,9 +149,21 @@ function createServerInjectionStream({
       outputStream.write(elementsAtTheEnd)
 
       // This will find all the elements added by PortalHead during a server render, and move them into <head>
-      outputStream.write(
-        "<script>document.querySelectorAll('body [data-rwjs-head]').forEach((el)=>{el.removeAttribute('data-rwjs-head');document.head.appendChild(el);});</script>"
-      )
+      // @TODO remove the whitespace to save them bytes later
+      outputStream.write(`<script>document.querySelectorAll('body [data-rwjs-head]').forEach((el) => {
+        document.querySelectorAll('head ' + el.tagName).forEach((e) => {
+          if (
+            el.tagName === 'TITLE' ||
+            (el.tagName === 'META' &&
+              el.getAttribute('name') === e.getAttribute('name') &&
+              el.getAttribute('property') === e.getAttribute('property'))
+          ) {
+            e.remove();
+          }
+          document.head.appendChild(el);
+        });
+      });
+        </script>`)
 
       outputStream.end()
     },
