diff --git a/src/components/sidebar/SidebarHelpCenterIcon.vue b/src/components/sidebar/SidebarHelpCenterIcon.vue
index b8d8cea396..ac90764802 100644
--- a/src/components/sidebar/SidebarHelpCenterIcon.vue
+++ b/src/components/sidebar/SidebarHelpCenterIcon.vue
@@ -64,12 +64,12 @@ import { storeToRefs } from 'pinia'
 import { computed, onMounted, toRefs } from 'vue'
 
 import HelpCenterMenuContent from '@/components/helpcenter/HelpCenterMenuContent.vue'
+import { useNodeConflictDialog } from '@/composables/useNodeConflictDialog'
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { useTelemetry } from '@/platform/telemetry'
 import { useReleaseStore } from '@/platform/updates/common/releaseStore'
 import ReleaseNotificationToast from '@/platform/updates/components/ReleaseNotificationToast.vue'
 import WhatsNewPopup from '@/platform/updates/components/WhatsNewPopup.vue'
-import { useDialogService } from '@/services/dialogService'
 import { useHelpCenterStore } from '@/stores/helpCenterStore'
 import { useConflictAcknowledgment } from '@/workbench/extensions/manager/composables/useConflictAcknowledgment'
 import { useConflictDetection } from '@/workbench/extensions/manager/composables/useConflictDetection'
@@ -84,7 +84,7 @@ const { shouldShowRedDot: showReleaseRedDot } = storeToRefs(releaseStore)
 
 const conflictDetection = useConflictDetection()
 
-const { showNodeConflictDialog } = useDialogService()
+const { show: showNodeConflictDialog } = useNodeConflictDialog()
 
 // Use conflict acknowledgment state from composable - call only once
 const { shouldShowRedDot: shouldShowConflictRedDot, markConflictsAsSeen } =
diff --git a/src/composables/useMissingNodesDialog.ts b/src/composables/useMissingNodesDialog.ts
new file mode 100644
index 0000000000..b0fa7b5521
--- /dev/null
+++ b/src/composables/useMissingNodesDialog.ts
@@ -0,0 +1,29 @@
+import MissingNodesContent from '@/components/dialog/content/MissingNodesContent.vue'
+import MissingNodesFooter from '@/components/dialog/content/MissingNodesFooter.vue'
+import MissingNodesHeader from '@/components/dialog/content/MissingNodesHeader.vue'
+import { useDialogService } from '@/services/dialogService'
+import { useDialogStore } from '@/stores/dialogStore'
+import type { ComponentProps } from 'vue-component-type-helpers'
+
+const DIALOG_KEY = 'global-missing-nodes'
+
+export const useMissingNodesDialog = () => {
+  const dialogService = useDialogService()
+  const dialogStore = useDialogStore()
+
+  function hide() {
+    dialogStore.closeDialog({ key: DIALOG_KEY })
+  }
+
+  function show(props: ComponentProps<typeof MissingNodesContent>) {
+    dialogService.showSmallDialog({
+      key: DIALOG_KEY,
+      headerComponent: MissingNodesHeader,
+      footerComponent: MissingNodesFooter,
+      component: MissingNodesContent,
+      props
+    })
+  }
+
+  return { show, hide }
+}
diff --git a/src/composables/useNodeConflictDialog.ts b/src/composables/useNodeConflictDialog.ts
new file mode 100644
index 0000000000..481c00ae91
--- /dev/null
+++ b/src/composables/useNodeConflictDialog.ts
@@ -0,0 +1,48 @@
+import NodeConflictDialogContent from '@/workbench/extensions/manager/components/manager/NodeConflictDialogContent.vue'
+import NodeConflictFooter from '@/workbench/extensions/manager/components/manager/NodeConflictFooter.vue'
+import NodeConflictHeader from '@/workbench/extensions/manager/components/manager/NodeConflictHeader.vue'
+import { useDialogService } from '@/services/dialogService'
+import { useDialogStore } from '@/stores/dialogStore'
+import type { DialogComponentProps } from '@/stores/dialogStore'
+import type { ConflictDetectionResult } from '@/workbench/extensions/manager/types/conflictDetectionTypes'
+
+const DIALOG_KEY = 'global-node-conflict'
+
+export const useNodeConflictDialog = () => {
+  const dialogService = useDialogService()
+  const dialogStore = useDialogStore()
+
+  function hide() {
+    dialogStore.closeDialog({ key: DIALOG_KEY })
+  }
+
+  function show(
+    options: {
+      showAfterWhatsNew?: boolean
+      conflictedPackages?: ConflictDetectionResult[]
+      dialogComponentProps?: DialogComponentProps
+      buttonText?: string
+      onButtonClick?: () => void
+    } = {}
+  ) {
+    const { buttonText, onButtonClick, showAfterWhatsNew, conflictedPackages } =
+      options
+
+    return dialogService.showSmallDialog({
+      key: DIALOG_KEY,
+      headerComponent: NodeConflictHeader,
+      footerComponent: NodeConflictFooter,
+      component: NodeConflictDialogContent,
+      props: {
+        showAfterWhatsNew,
+        conflictedPackages
+      },
+      footerProps: {
+        buttonText,
+        onButtonClick
+      }
+    })
+  }
+
+  return { show, hide }
+}
diff --git a/src/scripts/app.ts b/src/scripts/app.ts
index 728e35d05d..c72c381cd2 100644
--- a/src/scripts/app.ts
+++ b/src/scripts/app.ts
@@ -42,6 +42,7 @@ import {
   isComboInputSpecV2
 } from '@/schemas/nodeDefSchema'
 import { type BaseDOMWidget, DOMWidgetImpl } from '@/scripts/domWidget'
+import { useMissingNodesDialog } from '@/composables/useMissingNodesDialog'
 import { useDialogService } from '@/services/dialogService'
 import { useSubscription } from '@/platform/cloud/subscription/composables/useSubscription'
 import { useExtensionService } from '@/services/extensionService'
@@ -1018,7 +1019,7 @@ export class ComfyApp {
 
   private showMissingNodesError(missingNodeTypes: MissingNodeType[]) {
     if (useSettingStore().get('Comfy.Workflow.ShowMissingNodesWarning')) {
-      useDialogService().showLoadWorkflowWarning({ missingNodeTypes })
+      useMissingNodesDialog().show({ missingNodeTypes })
     }
   }
 
diff --git a/src/services/dialogService.ts b/src/services/dialogService.ts
index ff08ad1549..78bf60dc85 100644
--- a/src/services/dialogService.ts
+++ b/src/services/dialogService.ts
@@ -2,9 +2,6 @@ import { merge } from 'es-toolkit/compat'
 import type { Component } from 'vue'
 
 import ApiNodesSignInContent from '@/components/dialog/content/ApiNodesSignInContent.vue'
-import MissingNodesContent from '@/components/dialog/content/MissingNodesContent.vue'
-import MissingNodesFooter from '@/components/dialog/content/MissingNodesFooter.vue'
-import MissingNodesHeader from '@/components/dialog/content/MissingNodesHeader.vue'
 import ConfirmationDialogContent from '@/components/dialog/content/ConfirmationDialogContent.vue'
 import ErrorDialogContent from '@/components/dialog/content/ErrorDialogContent.vue'
 import MissingModelsWarning from '@/components/dialog/content/MissingModelsWarning.vue'
@@ -30,10 +27,6 @@ import ManagerProgressFooter from '@/workbench/extensions/manager/components/Man
 import ManagerProgressHeader from '@/workbench/extensions/manager/components/ManagerProgressHeader.vue'
 import ManagerDialogContent from '@/workbench/extensions/manager/components/manager/ManagerDialogContent.vue'
 import ManagerHeader from '@/workbench/extensions/manager/components/manager/ManagerHeader.vue'
-import NodeConflictDialogContent from '@/workbench/extensions/manager/components/manager/NodeConflictDialogContent.vue'
-import NodeConflictFooter from '@/workbench/extensions/manager/components/manager/NodeConflictFooter.vue'
-import NodeConflictHeader from '@/workbench/extensions/manager/components/manager/NodeConflictHeader.vue'
-import type { ConflictDetectionResult } from '@/workbench/extensions/manager/types/conflictDetectionTypes'
 import type { ComponentProps } from 'vue-component-type-helpers'
 
 export type ConfirmationDialogType =
@@ -47,32 +40,6 @@ export type ConfirmationDialogType =
 export const useDialogService = () => {
   const dialogStore = useDialogStore()
 
-  function showLoadWorkflowWarning(
-    props: ComponentProps<typeof MissingNodesContent>
-  ) {
-    dialogStore.showDialog({
-      key: 'global-missing-nodes',
-      headerComponent: MissingNodesHeader,
-      footerComponent: MissingNodesFooter,
-      component: MissingNodesContent,
-      dialogComponentProps: {
-        closable: true,
-        pt: {
-          root: { class: 'bg-base-background border-border-default' },
-          header: { class: '!p-0 !m-0' },
-          content: { class: '!p-0 overflow-y-hidden' },
-          footer: { class: '!p-0' },
-          pcCloseButton: {
-            root: {
-              class: '!w-7 !h-7 !border-none !outline-none !p-2 !m-1.5'
-            }
-          }
-        }
-      },
-      props
-    })
-  }
-
   function showMissingModelsWarning(
     props: InstanceType<typeof MissingModelsWarning>['$props']
   ) {
@@ -449,6 +416,44 @@ export const useDialogService = () => {
     }
   }
 
+  function showSmallDialog<T extends Component>(options: {
+    key: string
+    component: T
+    headerComponent?: Component
+    footerComponent?: Component
+    props?: ComponentProps<T>
+    footerProps?: Record<string, unknown>
+    dialogComponentProps?: DialogComponentProps
+  }) {
+    const smallDialogDefaultProps: DialogComponentProps = {
+      closable: true,
+      pt: {
+        root: { class: 'bg-base-background border-border-default' },
+        header: { class: '!p-0 !m-0' },
+        content: { class: '!p-0 overflow-y-hidden' },
+        footer: { class: '!p-0' },
+        pcCloseButton: {
+          root: {
+            class: '!w-7 !h-7 !border-none !outline-none !p-2 !m-1.5'
+          }
+        }
+      }
+    }
+
+    return dialogStore.showDialog({
+      key: options.key,
+      component: options.component,
+      headerComponent: options.headerComponent,
+      footerComponent: options.footerComponent,
+      props: options.props,
+      footerProps: options.footerProps,
+      dialogComponentProps: merge(
+        smallDialogDefaultProps,
+        options.dialogComponentProps || {}
+      )
+    })
+  }
+
   function showLayoutDialog(options: {
     key: string
     component: Component
@@ -481,54 +486,6 @@ export const useDialogService = () => {
     })
   }
 
-  function showNodeConflictDialog(
-    options: {
-      showAfterWhatsNew?: boolean
-      conflictedPackages?: ConflictDetectionResult[]
-      dialogComponentProps?: DialogComponentProps
-      buttonText?: string
-      onButtonClick?: () => void
-    } = {}
-  ) {
-    const {
-      dialogComponentProps,
-      buttonText,
-      onButtonClick,
-      showAfterWhatsNew,
-      conflictedPackages
-    } = options
-
-    return dialogStore.showDialog({
-      key: 'global-node-conflict',
-      headerComponent: NodeConflictHeader,
-      footerComponent: NodeConflictFooter,
-      component: NodeConflictDialogContent,
-      dialogComponentProps: {
-        closable: true,
-        pt: {
-          header: { class: '!p-0 !m-0' },
-          content: { class: '!p-0 overflow-y-hidden' },
-          footer: { class: '!p-0' },
-          pcCloseButton: {
-            root: {
-              class:
-                '!w-7 !h-7 !border-none !outline-none !p-2 !m-1.5 bg-dialog-surface text-white'
-            }
-          }
-        },
-        ...dialogComponentProps
-      },
-      props: {
-        showAfterWhatsNew,
-        conflictedPackages
-      },
-      footerProps: {
-        buttonText,
-        onButtonClick
-      }
-    })
-  }
-
   async function showSubscriptionRequiredDialog() {
     if (!isCloud || !window.__CONFIG__?.subscription_required) {
       return
@@ -542,7 +499,6 @@ export const useDialogService = () => {
   }
 
   return {
-    showLoadWorkflowWarning,
     showMissingModelsWarning,
     showSettingsDialog,
     showAboutDialog,
@@ -560,7 +516,7 @@ export const useDialogService = () => {
     confirm,
     toggleManagerDialog,
     toggleManagerProgressDialog,
-    showLayoutDialog,
-    showNodeConflictDialog
+    showSmallDialog,
+    showLayoutDialog
   }
 }
diff --git a/src/stores/dialogStore.ts b/src/stores/dialogStore.ts
index d2bac36758..5d6fcec12a 100644
--- a/src/stores/dialogStore.ts
+++ b/src/stores/dialogStore.ts
@@ -205,12 +205,19 @@ export const useDialogStore = defineStore('dialog', () => {
 
   function showDialog(options: ShowDialogOptions) {
     const dialogKey = options.key || genDialogKey()
-
-    let dialog = dialogStack.value.find((d) => d.key === dialogKey)
-
+    const existingIndex = dialogStack.value.findIndex(
+      (d) => d.key === dialogKey
+    )
+    let dialog =
+      existingIndex !== -1 ? dialogStack.value[existingIndex] : undefined
     if (dialog) {
-      dialog.visible = true
-      riseDialog(dialog)
+      if (!dialog.visible) {
+        dialogStack.value.splice(existingIndex, 1)
+        dialog = createDialog({ ...options, key: dialogKey })
+      } else {
+        dialog.visible = true
+        riseDialog(dialog)
+      }
     } else {
       dialog = createDialog({ ...options, key: dialogKey })
     }
diff --git a/src/workbench/extensions/manager/components/manager/NodeConflictDialogContent.vue b/src/workbench/extensions/manager/components/manager/NodeConflictDialogContent.vue
index 61fb2520a5..ea763808f0 100644
--- a/src/workbench/extensions/manager/components/manager/NodeConflictDialogContent.vue
+++ b/src/workbench/extensions/manager/components/manager/NodeConflictDialogContent.vue
@@ -14,7 +14,7 @@
       <!-- Import Failed List Wrapper -->
       <div
         v-if="importFailedConflicts.length > 0"
-        class="flex min-h-8 w-full flex-col rounded-lg bg-base-background"
+        class="flex min-h-8 w-full flex-col rounded-lg bg-secondary-background"
       >
         <div
           data-testid="conflict-dialog-panel-toggle"
@@ -50,7 +50,7 @@
           <div
             v-for="(packageName, i) in importFailedConflicts"
             :key="i"
-            class="conflict-list-item flex h-6 flex-shrink-0 items-center justify-between px-4"
+            class="hover:bg-alpha-azure-600-30 flex h-6 flex-shrink-0 items-center justify-between px-4"
           >
             <span class="text-xs text-muted">
               {{ packageName }}
@@ -60,7 +60,10 @@
         </div>
       </div>
       <!-- Conflict List Wrapper -->
-      <div class="flex min-h-8 w-full flex-col rounded-lg bg-base-background">
+      <div
+        v-if="allConflictDetails.length > 0"
+        class="flex min-h-8 w-full flex-col rounded-lg bg-secondary-background"
+      >
         <div
           data-testid="conflict-dialog-panel-toggle"
           class="flex h-8 w-full items-center justify-between gap-2 pl-4"
@@ -95,7 +98,7 @@
           <div
             v-for="(conflict, i) in allConflictDetails"
             :key="i"
-            class="conflict-list-item flex h-6 flex-shrink-0 items-center justify-between px-4"
+            class="hover:bg-alpha-azure-600-30 flex h-6 flex-shrink-0 items-center justify-between px-4"
           >
             <span class="text-xs text-muted">{{
               getConflictMessage(conflict, t)
@@ -105,7 +108,9 @@
         </div>
       </div>
       <!-- Extension List Wrapper -->
-      <div class="flex min-h-8 w-full flex-col rounded-lg bg-base-background">
+      <div
+        class="flex min-h-8 w-full flex-col rounded-lg bg-secondary-background"
+      >
         <div
           data-testid="conflict-dialog-panel-toggle"
           class="flex h-8 w-full items-center justify-between gap-2 pl-4"
@@ -140,7 +145,7 @@
           <div
             v-for="conflictResult in conflictData"
             :key="conflictResult.package_id"
-            class="conflict-list-item flex h-6 flex-shrink-0 items-center justify-between px-4"
+            class="hover:bg-alpha-azure-600-30 flex h-6 flex-shrink-0 items-center justify-between px-4"
           >
             <span class="text-xs text-muted">
               {{ conflictResult.package_name }}
@@ -230,8 +235,3 @@ const toggleExtensionsPanel = () => {
   importFailedExpanded.value = false
 }
 </script>
-<style scoped>
-.conflict-list-item:hover {
-  background-color: rgb(0 122 255 / 0.2);
-}
-</style>
diff --git a/src/workbench/extensions/manager/components/manager/NodeConflictHeader.vue b/src/workbench/extensions/manager/components/manager/NodeConflictHeader.vue
index 368a1229fb..daff3281f6 100644
--- a/src/workbench/extensions/manager/components/manager/NodeConflictHeader.vue
+++ b/src/workbench/extensions/manager/components/manager/NodeConflictHeader.vue
@@ -1,10 +1,8 @@
 <template>
-  <div class="flex h-12 w-full items-center justify-between pl-6">
+  <div class="flex w-full items-center justify-between p-4">
     <div class="flex items-center gap-2">
-      <!-- Warning Icon -->
-      <i class="pi pi-exclamation-triangle text-lg"></i>
-      <!-- Title -->
-      <p class="text-base font-bold">
+      <i class="icon-[lucide--triangle-alert] text-gold-600"></i>
+      <p class="m-0 text-sm">
         {{ $t('manager.conflicts.title') }}
       </p>
     </div>
diff --git a/src/workbench/extensions/manager/components/manager/button/PackEnableToggle.vue b/src/workbench/extensions/manager/components/manager/button/PackEnableToggle.vue
index c032f5ba93..d4924bc0c2 100644
--- a/src/workbench/extensions/manager/components/manager/button/PackEnableToggle.vue
+++ b/src/workbench/extensions/manager/components/manager/button/PackEnableToggle.vue
@@ -34,7 +34,7 @@ import ToggleSwitch from 'primevue/toggleswitch'
 import { computed, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import { useDialogService } from '@/services/dialogService'
+import { useNodeConflictDialog } from '@/composables/useNodeConflictDialog'
 import type { components } from '@/types/comfyRegistryTypes'
 import { useConflictAcknowledgment } from '@/workbench/extensions/manager/composables/useConflictAcknowledgment'
 import { useComfyManagerStore } from '@/workbench/extensions/manager/stores/comfyManagerStore'
@@ -52,7 +52,7 @@ const { t } = useI18n()
 const { isPackEnabled, enablePack, disablePack, installedPacks } =
   useComfyManagerStore()
 const { getConflictsForPackageByID } = useConflictDetectionStore()
-const { showNodeConflictDialog } = useDialogService()
+const { show: showNodeConflictDialog } = useNodeConflictDialog()
 const { acknowledgmentState, markConflictsAsSeen } = useConflictAcknowledgment()
 
 const isLoading = ref(false)
diff --git a/src/workbench/extensions/manager/components/manager/button/PackInstallButton.vue b/src/workbench/extensions/manager/components/manager/button/PackInstallButton.vue
index 1322f4db96..dd3599fbb2 100644
--- a/src/workbench/extensions/manager/components/manager/button/PackInstallButton.vue
+++ b/src/workbench/extensions/manager/components/manager/button/PackInstallButton.vue
@@ -26,8 +26,8 @@ import { computed } from 'vue'
 
 import IconTextButton from '@/components/button/IconTextButton.vue'
 import DotSpinner from '@/components/common/DotSpinner.vue'
+import { useNodeConflictDialog } from '@/composables/useNodeConflictDialog'
 import { t } from '@/i18n'
-import { useDialogService } from '@/services/dialogService'
 import type { ButtonSize } from '@/types/buttonTypes'
 import type { components } from '@/types/comfyRegistryTypes'
 import { useConflictDetection } from '@/workbench/extensions/manager/composables/useConflictDetection'
@@ -57,7 +57,7 @@ const {
 }>()
 
 const managerStore = useComfyManagerStore()
-const { showNodeConflictDialog } = useDialogService()
+const { show: showNodeConflictDialog } = useNodeConflictDialog()
 
 // Check if any of the packs are currently being installed
 const isInstalling = computed(() => {
diff --git a/tests-ui/tests/components/dialog/content/manager/NodeConflictDialogContent.test.ts b/tests-ui/tests/components/dialog/content/manager/NodeConflictDialogContent.test.ts
index 4a12c7fb82..edab3c2f9e 100644
--- a/tests-ui/tests/components/dialog/content/manager/NodeConflictDialogContent.test.ts
+++ b/tests-ui/tests/components/dialog/content/manager/NodeConflictDialogContent.test.ts
@@ -138,7 +138,8 @@ describe('NodeConflictDialogContent', () => {
       const wrapper = createWrapper()
 
       expect(wrapper.text()).toContain('0')
-      expect(wrapper.text()).toContain('Conflicts')
+      // When there are no conflicts, the Conflicts section is not rendered (v-if)
+      expect(wrapper.text()).not.toContain('Conflicts')
       expect(wrapper.text()).toContain('Extensions at Risk')
       expect(wrapper.find('[class*="Import Failed Extensions"]').exists()).toBe(
         false
@@ -185,18 +186,15 @@ describe('NodeConflictDialogContent', () => {
       const wrapper = createWrapper()
 
       // Import Failed Extensions section should show 1 package
-      const importFailedSection = wrapper.findAll(
-        '.w-full.flex.flex-col.bg-base-background'
-      )[0]
-      expect(importFailedSection.text()).toContain('1')
-      expect(importFailedSection.text()).toContain('Import Failed Extensions')
+      const sections = wrapper.findAll(
+        '[data-testid="conflict-dialog-panel-toggle"]'
+      )
+      expect(sections[0].text()).toContain('1')
+      expect(sections[0].text()).toContain('Import Failed Extensions')
 
       // Conflicts section should show 3 conflicts (excluding import_failed)
-      const conflictsSection = wrapper.findAll(
-        '.w-full.flex.flex-col.bg-base-background'
-      )[1]
-      expect(conflictsSection.text()).toContain('3')
-      expect(conflictsSection.text()).toContain('Conflicts')
+      expect(sections[1].text()).toContain('3')
+      expect(sections[1].text()).toContain('Conflicts')
     })
   })
 
@@ -244,8 +242,13 @@ describe('NodeConflictDialogContent', () => {
       // Click to expand conflicts panel
       await conflictsHeader.trigger('click')
 
-      // Should be expanded now
-      const conflictItems = wrapper.findAll('.conflict-list-item')
+      // Should be expanded now - check for expanded content
+      const expandedPanels = wrapper.findAll(
+        '[data-testid="conflict-dialog-panel-expanded"]'
+      )
+      expect(expandedPanels.length).toBeGreaterThan(0)
+      // Should show conflict items
+      const conflictItems = expandedPanels[0].findAll('.flex.h-6.flex-shrink-0')
       expect(conflictItems.length).toBeGreaterThan(0)
     })
 
@@ -324,7 +327,10 @@ describe('NodeConflictDialogContent', () => {
       await conflictsHeader.trigger('click')
 
       // Should display conflict messages (excluding import_failed)
-      const conflictItems = wrapper.findAll('.conflict-list-item')
+      const expandedPanel = wrapper.find(
+        '[data-testid="conflict-dialog-panel-expanded"]'
+      )
+      const conflictItems = expandedPanel.findAll('.flex.h-6.flex-shrink-0')
       expect(conflictItems).toHaveLength(3) // 2 from Package1 + 1 from Package2
     })
 
@@ -338,7 +344,10 @@ describe('NodeConflictDialogContent', () => {
       await importFailedHeader.trigger('click')
 
       // Should display only import failed package
-      const importFailedItems = wrapper.findAll('.conflict-list-item')
+      const expandedPanel = wrapper.find(
+        '[data-testid="conflict-dialog-panel-expanded"]'
+      )
+      const importFailedItems = expandedPanel.findAll('.flex.h-6.flex-shrink-0')
       expect(importFailedItems).toHaveLength(1)
       expect(importFailedItems[0].text()).toContain('Test Package 3')
     })
@@ -365,7 +374,8 @@ describe('NodeConflictDialogContent', () => {
       const wrapper = createWrapper()
 
       expect(wrapper.text()).toContain('0')
-      expect(wrapper.text()).toContain('Conflicts')
+      // When there are no conflicts, the Conflicts section is not rendered (v-if)
+      expect(wrapper.text()).not.toContain('Conflicts')
       expect(wrapper.text()).toContain('Extensions at Risk')
       // Import failed section should not be visible when there are no import failures
       expect(wrapper.text()).not.toContain('Import Failed Extensions')