diff --git a/components/lib/editor/BaseEditor.vue b/components/lib/editor/BaseEditor.vue
index 0d73b0fbf..bc0790774 100644
--- a/components/lib/editor/BaseEditor.vue
+++ b/components/lib/editor/BaseEditor.vue
@@ -2,7 +2,7 @@
 import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 
-const styles = `
+const quillStyles = `
 /*!
  * Quill Editor v1.3.3
  * https://quilljs.com/
@@ -956,7 +956,7 @@ const classes = {
     content: 'p-editor-content'
 };
 
-const { load: loadStyle } = useStyle(styles, { name: 'editor', manual: true });
+const { load: loadStyle } = useStyle(quillStyles, { name: 'editor', manual: true });
 
 export default {
     name: 'BaseEditor',
@@ -969,14 +969,16 @@ export default {
         editorStyle: null,
         modules: null
     },
-    css: {
-        classes,
-        loadStyle
-    },
     provide() {
         return {
             $parentInstance: this
         };
+    },
+    beforeMount() {
+        loadStyle();
+    },
+    css: {
+        classes
     }
 };
 </script>