diff --git a/@xen-orchestra/lite/src/stories/modals/layouts/confirm-modal-layout.story.vue b/@xen-orchestra/lite/src/stories/modals/layouts/confirm-modal-layout.story.vue
index 1cb36c9af58..83edbe3980b 100644
--- a/@xen-orchestra/lite/src/stories/modals/layouts/confirm-modal-layout.story.vue
+++ b/@xen-orchestra/lite/src/stories/modals/layouts/confirm-modal-layout.story.vue
@@ -15,8 +15,8 @@
       <template #title>{{ settings.title }}</template>
       <template #subtitle>{{ settings.subtitle }}</template>
       <template #buttons>
-        <UiButton level="secondary">I prefer not</UiButton>
-        <UiButton>Yes, I'm sure!</UiButton>
+        <UiButton level="secondary" color="normal" size="medium">I prefer not</UiButton>
+        <UiButton level="primary" color="normal" size="medium">Yes, I'm sure!</UiButton>
       </template>
     </ConfirmModalLayout>
   </ComponentStory>
diff --git a/@xen-orchestra/lite/src/stories/modals/layouts/form-modal-layout.story.vue b/@xen-orchestra/lite/src/stories/modals/layouts/form-modal-layout.story.vue
index 7d7ab7866ff..1da17fcc961 100644
--- a/@xen-orchestra/lite/src/stories/modals/layouts/form-modal-layout.story.vue
+++ b/@xen-orchestra/lite/src/stories/modals/layouts/form-modal-layout.story.vue
@@ -23,8 +23,8 @@
       </div>
 
       <template #buttons>
-        <UiButton level="secondary">Cancel</UiButton>
-        <UiButton>Migrate 3 VMs</UiButton>
+        <UiButton level="secondary" color="normal" size="medium">Cancel</UiButton>
+        <UiButton level="primary" color="normal" size="medium">Migrate 3 VMs</UiButton>
       </template>
     </FormModalLayout>
   </ComponentStory>
diff --git a/@xen-orchestra/lite/src/stories/web-core/button/button-group.story.vue b/@xen-orchestra/lite/src/stories/web-core/button/button-group.story.vue
index 797fe10e2be..3510d9eebc7 100644
--- a/@xen-orchestra/lite/src/stories/web-core/button/button-group.story.vue
+++ b/@xen-orchestra/lite/src/stories/web-core/button/button-group.story.vue
@@ -7,10 +7,10 @@
     ]"
   >
     <ButtonGroup v-bind="properties">
-      <UiButton level="secondary">Cancel</UiButton>
-      <UiButton>Call to action</UiButton>
+      <UiButton level="secondary" color="normal" size="medium">Cancel</UiButton>
+      <UiButton level="primary" color="normal" size="medium">Call to action</UiButton>
       <template #tertiary>
-        <UiButton level="tertiary" color="warning">Secondary call to action</UiButton>
+        <UiButton level="tertiary" color="warning" size="medium">Secondary call to action</UiButton>
       </template>
     </ButtonGroup>
   </ComponentStory>
diff --git a/@xen-orchestra/lite/src/stories/web-core/button/ui-button.story.md b/@xen-orchestra/lite/src/stories/web-core/button/ui-button.story.md
index cb41639e59f..c5006989479 100644
--- a/@xen-orchestra/lite/src/stories/web-core/button/ui-button.story.md
+++ b/@xen-orchestra/lite/src/stories/web-core/button/ui-button.story.md
@@ -1,5 +1,5 @@
 Here is some doc for UiButton component
 
 ```vue-template
-<UiButton @click="doSomething">Click me</UiButton>
+<UiButton level="primary" color="normal" size="medium" @click="doSomething">Click me</UiButton>
 ```
diff --git a/@xen-orchestra/lite/src/stories/web-core/card/card-title.story.vue b/@xen-orchestra/lite/src/stories/web-core/card/card-title.story.vue
index ca5d018b953..5c27f77c692 100644
--- a/@xen-orchestra/lite/src/stories/web-core/card/card-title.story.vue
+++ b/@xen-orchestra/lite/src/stories/web-core/card/card-title.story.vue
@@ -15,7 +15,7 @@
       <UiCounter :value="3" color="danger" size="medium" />
       <template #info>
         {{ settings.infoSlotContent }}
-        <UiButton level="tertiary" size="small" :right-icon="faAngleRight">See all</UiButton>
+        <UiButton level="tertiary" size="small" color="normal" :right-icon="faAngleRight">See all</UiButton>
       </template>
       <template #description>{{ settings.descriptionSlotContent }}</template>
     </CardTitle>
diff --git a/@xen-orchestra/lite/src/stories/web-core/head-bar/head-bar.story.md b/@xen-orchestra/lite/src/stories/web-core/head-bar/head-bar.story.md
index 68f83934e12..981bd7a3f19 100644
--- a/@xen-orchestra/lite/src/stories/web-core/head-bar/head-bar.story.md
+++ b/@xen-orchestra/lite/src/stories/web-core/head-bar/head-bar.story.md
@@ -7,8 +7,8 @@
     <ObjectIcon type="host" state="running" size="medium" />
   </template>
   <template #actions>
-    <UiButton size="medium" :left-icon="faPlus">New VM</UiButton>
-    <UiButton size="medium" :left-icon="faPowerOff">Change state</UiButton>
+    <UiButton size="medium" level="primary" color="normal" :left-icon="faPlus">New VM</UiButton>
+    <UiButton size="medium" level="secondary" color="normal" :left-icon="faPowerOff">Change state</UiButton>
   </template>
 </HeadBar>
 ```
diff --git a/@xen-orchestra/lite/src/stories/web-core/head-bar/head-bar.story.vue b/@xen-orchestra/lite/src/stories/web-core/head-bar/head-bar.story.vue
index 3a0290b8e64..3276e4ae6ae 100644
--- a/@xen-orchestra/lite/src/stories/web-core/head-bar/head-bar.story.vue
+++ b/@xen-orchestra/lite/src/stories/web-core/head-bar/head-bar.story.vue
@@ -19,8 +19,8 @@
         migrating... (34%)
       </template>
       <template v-if="settings.showDemoButtons" #actions>
-        <UiButton size="medium" :left-icon="faPlus">New VM</UiButton>
-        <UiButton size="medium" :left-icon="faPowerOff">Change state</UiButton>
+        <UiButton size="medium" level="primary" color="normal" :left-icon="faPlus">New VM</UiButton>
+        <UiButton size="medium" level="secondary" color="normal" :left-icon="faPowerOff">Change state</UiButton>
       </template>
     </HeadBar>
   </ComponentStory>