diff --git a/next-ui/src/pages/account/api-keys.stories.ts b/next-ui/src/pages/account/api-keys.stories.ts
index b7eff1ca..2addb8a6 100644
--- a/next-ui/src/pages/account/api-keys.stories.ts
+++ b/next-ui/src/pages/account/api-keys.stories.ts
@@ -1,15 +1,16 @@
 import type { Meta, StoryObj } from '@storybook/vue3-vite'
 
 import ApiKeys from './api-keys.vue'
+import DialogConfirm from '@/fragments/fragment/dialog/Confirm.vue'
 
 const meta = {
   component: ApiKeys,
   render: (args: object) => ({
-    components: { ApiKeys },
+    components: { ApiKeys, DialogConfirm },
     setup() {
       return { args }
     },
-    template: '<ApiKeys />',
+    template: '<ApiKeys /><DialogConfirm/>',
   }),
   parameters: {
     // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
diff --git a/next-ui/src/pages/account/details.stories.ts b/next-ui/src/pages/account/details.stories.ts
index 83f49ce1..422c3a03 100644
--- a/next-ui/src/pages/account/details.stories.ts
+++ b/next-ui/src/pages/account/details.stories.ts
@@ -1,15 +1,16 @@
 import type { Meta, StoryObj } from '@storybook/vue3-vite'
 
 import AccountDetails from './details.vue'
+import DialogConfirmEdit from '@/fragments/fragment/dialog/ConfirmEdit.vue'
 
 const meta = {
   component: AccountDetails,
   render: (args: object) => ({
-    components: { AccountDetails },
+    components: { AccountDetails, DialogConfirmEdit },
     setup() {
       return { args }
     },
-    template: '<AccountDetails />',
+    template: '<AccountDetails /><DialogConfirmEdit/>',
   }),
   parameters: {
     // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
diff --git a/next-ui/src/pages/server/users.stories.ts b/next-ui/src/pages/server/users.stories.ts
index 901f4c9c..57b345f1 100644
--- a/next-ui/src/pages/server/users.stories.ts
+++ b/next-ui/src/pages/server/users.stories.ts
@@ -2,17 +2,18 @@ import type { Meta, StoryObj } from '@storybook/vue3-vite'
 
 import users from './users.vue'
 import { http, delay } from 'msw'
-
+import DialogConfirm from '@/fragments/fragment/dialog/Confirm.vue'
+import DialogConfirmEdit from '@/fragments/fragment/dialog/ConfirmEdit.vue'
 import { response401Unauthorized } from '@/mocks/api/handlers'
 
 const meta = {
   component: users,
   render: (args: object) => ({
-    components: { users },
+    components: { users, DialogConfirm, DialogConfirmEdit },
     setup() {
       return { args }
     },
-    template: '<users />',
+    template: '<users /><DialogConfirm/><DialogConfirmEdit/>',
   }),
   parameters: {
     // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout