diff --git a/pkg/harvester/components/HarvesterUpgradeHeader.vue b/pkg/harvester/components/HarvesterUpgradeHeader.vue
index 7259f920..c77dc467 100644
--- a/pkg/harvester/components/HarvesterUpgradeHeader.vue
+++ b/pkg/harvester/components/HarvesterUpgradeHeader.vue
@@ -193,7 +193,7 @@ export default {
         <i class="warning icon-fw icon icon-dot-open dot-icon" />
       </slot>
 
-      <template slot="popover">
+      <template #popper>
         <div class="upgrade-info mb-10">
           <div v-if="repoInfo" class="repoInfo">
             <div class="row">
diff --git a/pkg/harvester/formatters/HarvesterDiskState.vue b/pkg/harvester/formatters/HarvesterDiskState.vue
index cde129fd..1fe2c817 100644
--- a/pkg/harvester/formatters/HarvesterDiskState.vue
+++ b/pkg/harvester/formatters/HarvesterDiskState.vue
@@ -85,7 +85,7 @@ export default {
         <i class="icon icon-warning icon-lg text-warning" />
       </span>
 
-      <template slot="popover">
+      <template #popper>
         <p
           v-for="(message, index) in warningMessage" :key="index">
           {{ index + 1 }}. {{ message }}
diff --git a/pkg/harvester/formatters/HarvesterVmState.vue b/pkg/harvester/formatters/HarvesterVmState.vue
index d948d278..d35c8f8e 100644
--- a/pkg/harvester/formatters/HarvesterVmState.vue
+++ b/pkg/harvester/formatters/HarvesterVmState.vue
@@ -139,7 +139,7 @@ export default {
           <i class="icon icon-warning icon-lg text-warning" />
         </span>
 
-        <template slot="popover">
+        <template #popper>
           <div
             @mouseenter="showMessage(true)"
             @mouseleave="showMessage(false)"
diff --git a/pkg/harvester/formatters/HarvesterVolumeState.vue b/pkg/harvester/formatters/HarvesterVolumeState.vue
index 74271666..19f7ab18 100644
--- a/pkg/harvester/formatters/HarvesterVolumeState.vue
+++ b/pkg/harvester/formatters/HarvesterVolumeState.vue
@@ -69,7 +69,7 @@ export default {
           <i class="icon icon-warning icon-lg text-warning" />
         </span>
 
-        <template slot="popover">
+        <template #popper>
           <p class="warning-message">
             {{ warningMessage }}
           </p>
diff --git a/pkg/harvester/list/harvesterhci.io.networkattachmentdefinition.vue b/pkg/harvester/list/harvesterhci.io.networkattachmentdefinition.vue
index 17d2d092..5bf658e4 100644
--- a/pkg/harvester/list/harvesterhci.io.networkattachmentdefinition.vue
+++ b/pkg/harvester/list/harvesterhci.io.networkattachmentdefinition.vue
@@ -181,7 +181,7 @@ export default {
               <i class="icon icon-warning icon-lg text-warning" />
             </span>
 
-            <template slot="popover">
+            <template #popper>
               <p>
                 {{ row.clusterNetworkErrorMessage }}
               </p>