diff --git a/front/ui-docs/components/ui/modal.md b/front/ui-docs/components/ui/modal.md
index 3af8ad4b9..9bf65f44b 100644
--- a/front/ui-docs/components/ui/modal.md
+++ b/front/ui-docs/components/ui/modal.md
@@ -26,7 +26,7 @@ const isOpen8 = ref(false)
 </script>
 
 ```ts
-import Modal from "~/components/ui/Modal.vue"
+import Modal from "~/components/ui/Modal.vue";
 ```
 
 # Modal
@@ -166,8 +166,8 @@ You can nest [Funkwhale alerts](./alert) to visually highlight content within th
 
 The `destructive` prop is used to visually indicate a potentially dangerous or irreversible action. When set to `true`, the modal will have a distinctive red styling to draw the user's attention and highlight the critical nature of the action.
 
-| Prop          | Data type | Required? | Default | Description                                      |
-|---------------|-----------|-----------|---------|--------------------------------------------------|
+| Prop          | Data type | Required? | Default | Description                                          |
+| ------------- | --------- | --------- | ------- | ---------------------------------------------------- |
 | `destructive` | `true`    | No        | `false` | Applies a red styling to emphasize dangerous actions |
 
 <Layout flex>
@@ -203,6 +203,7 @@ The `destructive` prop is used to visually indicate a potentially dangerous or i
 ### Styling Effects
 
 When the `destructive` prop is set to `true`, the modal will:
+
 - Add a red border
 - Style the title in red