diff --git a/components/lib/blockui/BaseBlockUI.vue b/components/lib/blockui/BaseBlockUI.vue
index a4d6e6b64..c40c19c7b 100644
--- a/components/lib/blockui/BaseBlockUI.vue
+++ b/components/lib/blockui/BaseBlockUI.vue
@@ -28,10 +28,10 @@ const classes = {
     root: 'p-blockui-container'
 };
 
-const { load: loadStyle } = useStyle(styles, { id: 'primevue_divider_style', manual: true });
+const { load: loadStyle } = useStyle(styles, { id: 'primevue_blockui_style', manual: true });
 
 export default {
-    name: 'BaseAvatar',
+    name: 'BaseBlockUI',
     extends: BaseComponent,
     props: {
         blocked: {
diff --git a/components/lib/blockui/BlockUI.vue b/components/lib/blockui/BlockUI.vue
index 540bf7d7a..99edde770 100755
--- a/components/lib/blockui/BlockUI.vue
+++ b/components/lib/blockui/BlockUI.vue
@@ -5,12 +5,12 @@
 </template>
 
 <script>
-import BaseComponent from 'primevue/basecomponent';
 import { DomHandler, ZIndexUtils } from 'primevue/utils';
+import BaseBlockUI from './BaseBlockUI.vue';
 
 export default {
     name: 'BlockUI',
-    extends: BaseComponent,
+    extends: BaseBlockUI,
     emits: ['block', 'unblock'],
     mask: null,
     data() {