diff --git a/front/ui-docs/components/ui/card.md b/front/ui-docs/components/ui/card.md
index 971d53310..b2f0a5777 100644
--- a/front/ui-docs/components/ui/card.md
+++ b/front/ui-docs/components/ui/card.md
@@ -305,7 +305,7 @@ If there are multiple actions, they will be presented in a row:
     All items have been assimilated. Ready to go!
     <template #action>
       <Button secondary ghost min-content
-        alignText="left"
+        align-text="start"
         icon="bi-chevron-left"
       >
         Items
@@ -335,18 +335,22 @@ You can include tags on a card by adding a list of `tags`. These are rendered as
 ```
 
 <div class="preview">
-<Card medium
-title="For music lovers"
-:tags="['rock', 'folk', 'punk']">
-Access your personal music collection from anywhere. Funkwhale gives you access to publication and sharing tools that you can use to promote your content across the web.
-</Card></div>
+  <Card medium
+    title="For music lovers"
+    :tags="['rock', 'folk', 'punk']"
+  >
+    Access your personal music collection from anywhere. Funkwhale gives you access to publication and sharing tools that you can use to promote your content across the web.
+  </Card>
+</div>
 
 ## Interactive elements on top of a linked card
 
 Avoid adding buttons and links on top of a [linked card](#card-as-a-link). This is an uncommon pattern and will confuse users.
 
 ```vue-html
-<Card full title="Linked card with interactive elements"
+<Card
+  full
+  title="Linked card with interactive elements"
   to="./card.md"
   :tags="['rock', 'folk', 'punk']"
   icon="bi-exclamation large"
@@ -358,7 +362,9 @@ Avoid adding buttons and links on top of a [linked card](#card-as-a-link). This
 
 <!-- prettier-ignore-start -->
 
-<Card full title="Linked card with interactive elements"
+<Card
+  full
+  title="Linked card with interactive elements"
   to="./card.md"
   :tags="['rock', 'folk', 'punk']"
   icon="bi-exclamation large"
@@ -372,7 +378,9 @@ Avoid adding buttons and links on top of a [linked card](#card-as-a-link). This
 Instead, use the [action area](#add-an-action) to offer the primary link:
 
 ```vue-html
-<Card full title="Card with interactive elements"
+<Card
+  full
+  title="Card with interactive elements"
   :tags="['rock', 'folk', 'punk']"
   icon="bi-check-lg large"
 >
@@ -386,7 +394,9 @@ Instead, use the [action area](#add-an-action) to offer the primary link:
 
 <!-- prettier-ignore-start -->
 
-<Card full title="Card with interactive elements"
+<Card
+  full
+  title="Card with interactive elements"
   :tags="['rock', 'folk', 'punk']"
   icon="bi-check-lg large"
 >