diff --git a/components/lib/avatar/Avatar.vue b/components/lib/avatar/Avatar.vue
index 2edd86809..0fe2f056d 100644
--- a/components/lib/avatar/Avatar.vue
+++ b/components/lib/avatar/Avatar.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import BaseAvatar from './BaseAvatar';
+import BaseAvatar from './BaseAvatar.vue';
 
 export default {
     name: 'Avatar',
diff --git a/components/lib/confirmdialog/ConfirmDialog.vue b/components/lib/confirmdialog/ConfirmDialog.vue
index 0e6249cc9..b3015dfc5 100644
--- a/components/lib/confirmdialog/ConfirmDialog.vue
+++ b/components/lib/confirmdialog/ConfirmDialog.vue
@@ -42,7 +42,7 @@
 </template>
 
 <script>
-import BaseConfirmDialog from './BaseConfirmDialog';
+import BaseConfirmDialog from './BaseConfirmDialog.vue';
 import Button from 'primevue/button';
 import ConfirmationEventBus from 'primevue/confirmationeventbus';
 import Dialog from 'primevue/dialog';
diff --git a/components/lib/confirmpopup/ConfirmPopup.vue b/components/lib/confirmpopup/ConfirmPopup.vue
index 6abc11d4f..fa5359711 100644
--- a/components/lib/confirmpopup/ConfirmPopup.vue
+++ b/components/lib/confirmpopup/ConfirmPopup.vue
@@ -34,7 +34,7 @@
 </template>
 
 <script>
-import BaseConfirmPopup from './BaseConfirmPopup';
+import BaseConfirmPopup from './BaseConfirmPopup.vue';
 import Button from 'primevue/button';
 import ConfirmationEventBus from 'primevue/confirmationeventbus';
 import FocusTrap from 'primevue/focustrap';
diff --git a/components/lib/overlaypanel/OverlayPanel.vue b/components/lib/overlaypanel/OverlayPanel.vue
index 323ab8437..7dab6901f 100755
--- a/components/lib/overlaypanel/OverlayPanel.vue
+++ b/components/lib/overlaypanel/OverlayPanel.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import BaseOverlayPanel from './BaseOverlayPanel';
+import BaseOverlayPanel from './BaseOverlayPanel.vue';
 import FocusTrap from 'primevue/focustrap';
 import TimesIcon from 'primevue/icons/times';
 import OverlayEventBus from 'primevue/overlayeventbus';
diff --git a/components/lib/progressspinner/ProgressSpinner.vue b/components/lib/progressspinner/ProgressSpinner.vue
index d5c07ac4f..3baf6ae46 100755
--- a/components/lib/progressspinner/ProgressSpinner.vue
+++ b/components/lib/progressspinner/ProgressSpinner.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import BaseProgressSpinner from './BaseProgressSpinner';
+import BaseProgressSpinner from './BaseProgressSpinner.vue';
 
 export default {
     name: 'ProgressSpinner',
diff --git a/components/lib/sidebar/Sidebar.vue b/components/lib/sidebar/Sidebar.vue
index 4bed6b92b..00100ca52 100755
--- a/components/lib/sidebar/Sidebar.vue
+++ b/components/lib/sidebar/Sidebar.vue
@@ -23,7 +23,7 @@
 </template>
 
 <script>
-import BaseSidebar from './BaseSidebar';
+import BaseSidebar from './BaseSidebar.vue';
 import FocusTrap from 'primevue/focustrap';
 import TimesIcon from 'primevue/icons/times';
 import Portal from 'primevue/portal';