diff --git a/packages/core/useStyleTag/index.ts b/packages/core/useStyleTag/index.ts
index d89e11203c0..5bf04d330fa 100644
--- a/packages/core/useStyleTag/index.ts
+++ b/packages/core/useStyleTag/index.ts
@@ -66,17 +66,20 @@ export function useStyleTag(
 
   const cssRef = ref(css)
 
-  let stop = () => {}
+  let stop = () => { }
   const load = () => {
     if (!document)
       return
 
     const el = (document.getElementById(id) || document.createElement('style')) as HTMLStyleElement
-    el.type = 'text/css'
-    el.id = id
-    if (options.media)
-      el.media = options.media
-    document.head.appendChild(el)
+
+    if (!el.isConnected) {
+      el.type = 'text/css'
+      el.id = id
+      if (options.media)
+        el.media = options.media
+      document.head.appendChild(el)
+    }
 
     if (isLoaded.value)
       return