diff --git a/src/Menu/src/Submenu.vue b/src/Menu/src/Submenu.vue
index 0666f4c86..74762b728 100644
--- a/src/Menu/src/Submenu.vue
+++ b/src/Menu/src/Submenu.vue
@@ -9,7 +9,7 @@
         :show-arrow="false"
         :controller="popoverController"
         :disabled="(!rootMenuIsHorizontal && !rootMenuCollapsed) || syntheticDisabled"
-        :directive="rootMenuIsHorizontal ? 'show' : 'if'"
+        :display-directive="rootMenuIsHorizontal ? 'show' : 'if'"
         :overlay-style="{
           width: overlayWidth === null ? null : overlayMinWidth + 'px',
           minWidth: overlayMinWidth + 'px',
diff --git a/src/Popover/src/PopoverContent.js b/src/Popover/src/PopoverContent.js
index 56ac85924..e425d5359 100644
--- a/src/Popover/src/PopoverContent.js
+++ b/src/Popover/src/PopoverContent.js
@@ -79,7 +79,7 @@ export default {
       type: Boolean,
       default: true
     },
-    directive: {
+    displayDirective: {
       type: String,
       default: 'if'
     }
@@ -232,7 +232,7 @@ export default {
     }
   },
   render (h) {
-    const vShow = this.directive === 'show'
+    const vShow = this.displayDirective === 'show'
     const directives = [
       {
         name: 'clickoutside',