diff --git a/front/ui-docs/components/ui/button.md b/front/ui-docs/components/ui/button.md
index 2642353d2..488139af1 100644
--- a/front/ui-docs/components/ui/button.md
+++ b/front/ui-docs/components/ui/button.md
@@ -383,23 +383,19 @@ Icon buttons shrink down to the icon size if you don't pass any content. If you
 <Layout flex>
 
 ```vue-html
-    <Button min-content>·</Button>
-    <Button small>·</Button>
-    <Button buttonWidth>·</Button>
-    <Button medium>·</Button>
-    <Button auto>·</Button>
-
+    <Button min-content>🐌</Button>
+    <Button tiny>🐌</Button>
+    <Button buttonWidth>🐌</Button>
+    <Button small>🐌</Button>
+    <Button auto>🐌</Button>
     <hr />
-
-    <Button alignSelf="start">·</Button>
-    <Button alignSelf="center">·</Button>
-    <Button alignSelf="end">·</Button>
-
+    <Button alignSelf="start">🐌</Button>
+    <Button alignSelf="center">🐌</Button>
+    <Button alignSelf="end">🐌</Button>
     <hr />
-
-    <Button alignText="left">·</Button>
-    <Button alignText="center">·</Button>
-    <Button alignText="right">·</Button>
+    <Button alignText="left">🐌</Button>
+    <Button alignText="center">🐌</Button>
+    <Button alignText="right">🐌</Button>
 ```
 
   <Layout class="preview solid primary" stack no-gap>