diff --git a/.changeset/tall-wombats-leave.md b/.changeset/tall-wombats-leave.md
new file mode 100644
index 0000000..a972b1b
--- /dev/null
+++ b/.changeset/tall-wombats-leave.md
@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": patch
+---
+
+💄(react) disable default Modal text align center
diff --git a/packages/react/src/components/Modal/ConfirmationModal.tsx b/packages/react/src/components/Modal/ConfirmationModal.tsx
index bb8d483..7e5e4f7 100644
--- a/packages/react/src/components/Modal/ConfirmationModal.tsx
+++ b/packages/react/src/components/Modal/ConfirmationModal.tsx
@@ -33,7 +33,9 @@ export const ConfirmationModal = ({
}
{...props}
>
- {children ?? t("components.modals.helpers.confirmation.children")}
+
+ {children ?? t("components.modals.helpers.confirmation.children")}
+
);
};
diff --git a/packages/react/src/components/Modal/DeleteConfirmationModal.tsx b/packages/react/src/components/Modal/DeleteConfirmationModal.tsx
index 325b8e9..93bb27d 100644
--- a/packages/react/src/components/Modal/DeleteConfirmationModal.tsx
+++ b/packages/react/src/components/Modal/DeleteConfirmationModal.tsx
@@ -38,7 +38,10 @@ export const DeleteConfirmationModal = ({
}
{...props}
>
- {children ?? t("components.modals.helpers.delete_confirmation.children")}
+
+ {children ??
+ t("components.modals.helpers.delete_confirmation.children")}
+
);
};
diff --git a/packages/react/src/components/Modal/MessageModal.tsx b/packages/react/src/components/Modal/MessageModal.tsx
index f60e074..e5dfa4a 100644
--- a/packages/react/src/components/Modal/MessageModal.tsx
+++ b/packages/react/src/components/Modal/MessageModal.tsx
@@ -41,7 +41,9 @@ export const MessageModal = ({
}
{...props}
>
- {children ?? t("components.modals.helpers.disclaimer.children")}
+
+ {children ?? t("components.modals.helpers.disclaimer.children")}
+
);
};
diff --git a/packages/react/src/components/Modal/index.scss b/packages/react/src/components/Modal/index.scss
index a638700..4571340 100644
--- a/packages/react/src/components/Modal/index.scss
+++ b/packages/react/src/components/Modal/index.scss
@@ -72,7 +72,6 @@
}
&__content {
- text-align: center;
font-size: var(--c--components--modal--content-font-size);
font-weight: var(--c--components--modal--content-font-weight);
color: var(--c--components--modal--content-color);
@@ -80,6 +79,10 @@
&:focus-visible {
outline: none;
}
+
+ &__text {
+ text-align: center;
+ }
}
&__close {