diff --git a/react-responsive-modal/__tests__/index.test.tsx b/react-responsive-modal/__tests__/index.test.tsx
index 4f6014fb..a8695f30 100644
--- a/react-responsive-modal/__tests__/index.test.tsx
+++ b/react-responsive-modal/__tests__/index.test.tsx
@@ -792,6 +792,28 @@ describe('modal', () => {
     });
   });
 
+  describe('prop: dir', () => {
+    it('should render the modal with the dir attribute', async () => {
+      const { getByTestId } = render(
+        <Modal open onClose={() => null} dir="rtl">
+          <div>modal content</div>
+        </Modal>,
+      );
+
+      expect(getByTestId('root').getAttribute('dir')).toBe('rtl');
+    });
+
+    it('should not render the dir attribute by default', async () => {
+      const { getByTestId } = render(
+        <Modal open onClose={() => null}>
+          <div>modal content</div>
+        </Modal>,
+      );
+
+      expect(getByTestId('root').hasAttribute('dir')).toBe(false);
+    });
+  });
+
   describe('prop: ref', () => {
     it('should set the modal element to a ref object', () => {
       const ref = React.createRef<HTMLDivElement>();
diff --git a/react-responsive-modal/src/index.tsx b/react-responsive-modal/src/index.tsx
index 7725b781..78465784 100644
--- a/react-responsive-modal/src/index.tsx
+++ b/react-responsive-modal/src/index.tsx
@@ -131,6 +131,10 @@ export interface ModalProps {
    * ARIA description for modal
    */
   ariaDescribedby?: string;
+  /**
+   * Text direction of the modal content.
+   */
+  dir?: 'ltr' | 'rtl' | 'auto';
   /**
    * Avoid unpleasant flickering effect when body overflow is hidden. For more information see https://www.npmjs.com/package/body-scroll-lock
    */
@@ -193,6 +197,7 @@ export const Modal = React.forwardRef(
       onAnimationEnd,
       children,
       reserveScrollBarGap,
+      dir,
     }: ModalProps,
     ref: React.ForwardedRef<HTMLDivElement>,
   ) => {
@@ -332,6 +337,7 @@ export const Modal = React.forwardRef(
             className={cx(classes.root, classNames?.root)}
             style={styles?.root}
             data-testid="root"
+            dir={dir}
           >
             <div
               className={cx(classes.overlay, classNames?.overlay)}
diff --git a/react-responsive-modal/styles.css b/react-responsive-modal/styles.css
index 63362b18..cef01bde 100644
--- a/react-responsive-modal/styles.css
+++ b/react-responsive-modal/styles.css
@@ -37,7 +37,7 @@
 .react-responsive-modal-modal {
   max-width: 800px;
   display: inline-block;
-  text-align: left;
+  text-align: start;
   vertical-align: middle;
   background: #ffffff;
   box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);
@@ -50,7 +50,7 @@
 .react-responsive-modal-closeButton {
   position: absolute;
   top: 14px;
-  right: 14px;
+  inset-inline-end: 14px;
   border: none;
   padding: 0;
   cursor: pointer;
diff --git a/website/src/docs/index.mdx b/website/src/docs/index.mdx
index 042ab3da..055d96e2 100644
--- a/website/src/docs/index.mdx
+++ b/website/src/docs/index.mdx
@@ -213,6 +213,7 @@ By default, the Modal will be rendered at the end of the html body tag. If you w
 | **ariaLabel**           | `string`                                                                                                                                                                                                                                                                               |           | ARIA label for modal                                                                                                                                                                                               |
 | **ariaLabelledby**      | `string`                                                                                                                                                                                                                                                                               |           | ARIA labelledby for modal                                                                                                                                                                                          |
 | **ariaDescribedby**     | `string`                                                                                                                                                                                                                                                                               |           | ARIA description for modal                                                                                                                                                                                         |
+| **dir**                 | `"ltr" \| "rtl" \| "auto"`                                                                                                                                                                                                                                                             |           | Text direction of the modal content.                                                                                                                                                                               |
 | **containerId**         | `string`                                                                                                                                                                                                                                                                               |           | id attribute for modal container                                                                                                                                                                                   |
 | **modalId**             | `string`                                                                                                                                                                                                                                                                               |           | id attribute for modal                                                                                                                                                                                             |     |
 | **onClose\***           | `() => void`                                                                                                                                                                                                                                                                           |           | Callback fired when the Modal is requested to be closed by a click on the overlay or when user press esc key.                                                                                                      |