diff --git a/packages/ui/components/speaker/Avatar.stories.ts b/packages/ui/components/speaker/Avatar.stories.ts
index 729d5b2a..ccd8200f 100644
--- a/packages/ui/components/speaker/Avatar.stories.ts
+++ b/packages/ui/components/speaker/Avatar.stories.ts
@@ -30,7 +30,7 @@ const Template: StoryFn<unknown> = (args, { argTypes }) => ({
   setup() {
     return { args }
   },
-  template: '<Avatar v-bind="args" />',
+  template: '<div style="width: 340px;"><Avatar v-bind="args" /></div>',
 })
 
 export const Default = Template.bind({})
diff --git a/packages/ui/components/speaker/Speaker.stories.ts b/packages/ui/components/speaker/Speaker.stories.ts
index 4f62571f..9fba020c 100644
--- a/packages/ui/components/speaker/Speaker.stories.ts
+++ b/packages/ui/components/speaker/Speaker.stories.ts
@@ -58,7 +58,7 @@ const Template: StoryFn<unknown> = (args, { argTypes }) => ({
   setup() {
     return { args }
   },
-  template: '<Speaker v-bind="args" />',
+  template: '<div style="width: 340px;"><Speaker v-bind="args" /></div>',
 })
 
 export const Default = Template.bind({})
diff --git a/packages/ui/mock/NuxtImg.vue b/packages/ui/mock/NuxtImg.vue
new file mode 100644
index 00000000..5685e926
--- /dev/null
+++ b/packages/ui/mock/NuxtImg.vue
@@ -0,0 +1,3 @@
+<template>
+  <img src="" alt="" />
+</template>
\ No newline at end of file
diff --git a/packages/ui/mock/index.js b/packages/ui/mock/index.js
index 7f4a4606..397dab3e 100644
--- a/packages/ui/mock/index.js
+++ b/packages/ui/mock/index.js
@@ -1 +1,2 @@
+export { default as NuxtImg } from './NuxtImg.vue'
 export { default as NuxtLink } from './NuxtLink.vue'