diff --git a/.changeset/smooth-points-smile.md b/.changeset/smooth-points-smile.md new file mode 100644 index 000000000..027b68926 --- /dev/null +++ b/.changeset/smooth-points-smile.md @@ -0,0 +1,5 @@ +--- +"flowbite-react": patch +--- + +Improve RTL support in the modal component diff --git a/packages/ui/src/components/Modal/theme.ts b/packages/ui/src/components/Modal/theme.ts index ed0b6fe0e..87c180bd7 100644 --- a/packages/ui/src/components/Modal/theme.ts +++ b/packages/ui/src/components/Modal/theme.ts @@ -45,12 +45,12 @@ export const modalTheme = createTheme({ popup: "border-b-0 p-2", title: "text-xl font-medium text-gray-900 dark:text-white", close: { - base: "ml-auto inline-flex items-center rounded-lg bg-transparent p-1.5 text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white", + base: "ms-auto inline-flex items-center rounded-lg bg-transparent p-1.5 text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white", icon: "h-5 w-5", }, }, footer: { - base: "flex items-center space-x-2 rounded-b border-gray-200 p-6 dark:border-gray-600", + base: "flex items-center gap-2 rounded-b border-gray-200 p-6 dark:border-gray-600", popup: "border-t", }, });