diff --git a/packages/x-components/src/components/column-picker/base-column-picker-dropdown.vue b/packages/x-components/src/components/column-picker/base-column-picker-dropdown.vue
index 3d0dc76d58..70af80dc27 100644
--- a/packages/x-components/src/components/column-picker/base-column-picker-dropdown.vue
+++ b/packages/x-components/src/components/column-picker/base-column-picker-dropdown.vue
@@ -30,8 +30,7 @@
 </template>
 
 <script lang="ts">
-import type { PropType } from 'vue'
-import type Vue from 'vue'
+import type { Component, PropType } from 'vue'
 import { computed, defineComponent, onBeforeMount, ref, watch } from 'vue'
 import { use$x } from '../../composables/use-$x'
 import BaseDropdown from '../base-dropdown.vue'
@@ -57,7 +56,7 @@ export default defineComponent({
     /** The value of the selected columns number. */
     modelValue: Number,
     /** The transition to use for opening and closing the dropdown. */
-    animation: [String, Object] as PropType<string | typeof Vue>,
+    animation: [String, Object] as PropType<string | Component>,
   },
   emits: ['update:modelValue'],
   setup(props, { emit, slots }) {
diff --git a/packages/x-components/src/x-modules/facets/components/facets/__tests__/facets.spec.ts b/packages/x-components/src/x-modules/facets/components/facets/__tests__/facets.spec.ts
index 3489585a85..e0093c0b44 100644
--- a/packages/x-components/src/x-modules/facets/components/facets/__tests__/facets.spec.ts
+++ b/packages/x-components/src/x-modules/facets/components/facets/__tests__/facets.spec.ts
@@ -1,7 +1,7 @@
 import type { Facet } from '@empathyco/x-types'
 import type { DeepPartial, Dictionary } from '@empathyco/x-utils'
 import type { DOMWrapper } from '@vue/test-utils'
-import type Vue from 'vue'
+import type { Component } from 'vue'
 import type { RootXStoreState } from '../../../../../store/store.types'
 import { mount } from '@vue/test-utils'
 import { nextTick } from 'vue'
@@ -313,7 +313,7 @@ function renderFacetsComponent({
 }
 
 interface FacetsRenderOptions {
-  components?: Dictionary<typeof Vue>
+  components?: Dictionary<Component>
   customFacetSlot?: string
   facets?: Dictionary<Facet>
   renderableFacets?: string
diff --git a/packages/x-components/src/x-modules/search/components/sort-dropdown.vue b/packages/x-components/src/x-modules/search/components/sort-dropdown.vue
index f63969de28..36d5ffcc71 100644
--- a/packages/x-components/src/x-modules/search/components/sort-dropdown.vue
+++ b/packages/x-components/src/x-modules/search/components/sort-dropdown.vue
@@ -33,8 +33,7 @@
 
 <script lang="ts">
 import type { Sort } from '@empathyco/x-types'
-import type { PropType } from 'vue'
-import type Vue from 'vue'
+import type { Component, PropType } from 'vue'
 import { defineComponent, ref, watch } from 'vue'
 
 import BaseDropdown from '../../../components/base-dropdown.vue'
@@ -57,7 +56,7 @@ export default defineComponent({
       required: true,
     },
     /** The transition to use for opening and closing the dropdown. */
-    animation: [String, Object] as PropType<string | typeof Vue>,
+    animation: [String, Object] as PropType<string | Component>,
   },
   emits: ['change'],
   setup(_, { emit }) {
diff --git a/packages/x-components/src/x-modules/search/components/sort-list.vue b/packages/x-components/src/x-modules/search/components/sort-list.vue
index fbf31ec5a8..6caa9edb00 100644
--- a/packages/x-components/src/x-modules/search/components/sort-list.vue
+++ b/packages/x-components/src/x-modules/search/components/sort-list.vue
@@ -21,8 +21,7 @@
 
 <script lang="ts">
 import type { Sort } from '@empathyco/x-types'
-import type { PropType } from 'vue'
-import type Vue from 'vue'
+import type { Component, PropType } from 'vue'
 import type { VueCSSClasses } from '../../../utils/types'
 import type { XEventsTypes } from '../../../wiring/events.types'
 import { computed, defineComponent, watch } from 'vue'
@@ -56,7 +55,7 @@ export default defineComponent({
     },
     /** The transition to use for rendering the list. */
     animation: {
-      type: [String, Object] as PropType<string | typeof Vue>,
+      type: [String, Object] as PropType<string | Component>,
       default: () => 'ul',
     },
   },
diff --git a/packages/x-components/src/x-modules/search/components/sort-picker-list.vue b/packages/x-components/src/x-modules/search/components/sort-picker-list.vue
index 9e18119ace..b8cb558b95 100644
--- a/packages/x-components/src/x-modules/search/components/sort-picker-list.vue
+++ b/packages/x-components/src/x-modules/search/components/sort-picker-list.vue
@@ -24,8 +24,7 @@
 
 <script lang="ts">
 import type { Sort } from '@empathyco/x-types'
-import type { PropType } from 'vue'
-import type Vue from 'vue'
+import type { Component, PropType } from 'vue'
 import type { SortPickerItem } from './sort-picker-list.types'
 import { computed, defineComponent, watch } from 'vue'
 import BaseEventButton from '../../../components/base-event-button.vue'
@@ -49,7 +48,7 @@ export default defineComponent({
     },
     /** The transition to use for rendering the list. */
     animation: {
-      type: [String, Object] as PropType<string | typeof Vue>,
+      type: [String, Object] as PropType<string | Component>,
       default: () => 'div',
     },
     /** Class inherited by each sort button. */