diff --git a/app/component/date/datePicker/index.js b/app/component/date/datePicker/index.js
index dde70e8..86f5e0d 100644
--- a/app/component/date/datePicker/index.js
+++ b/app/component/date/datePicker/index.js
@@ -42,18 +42,7 @@ function DatePicker({ setDate, disabledDates = [] }) {
   const secondMonth = moment(baseMonth).add(1, "jMonth");
 
   return (
-    <div className="datePickerApt flex items-start justify-evenly gap-[24px] w-full">
-      <div className="hidden md:block lg:hidden xl:block w-1/2">
-        <InlineJalaliMonth
-          displayDate={secondMonth}
-          selectedDate={selectedDate}
-          onSelectDay={selectDay}
-          isDisabled={isDisabled}
-          showPrev={false}
-          onNext={() => setBaseMonth(moment(baseMonth).add(1, "jMonth"))}
-          onPrev={() => setBaseMonth(moment(baseMonth).subtract(1, "jMonth"))}
-        />
-      </div>
+    <div dir="rtl" className="datePickerApt flex items-start justify-evenly gap-[24px] w-full">
       <div className="w-full lg:w-1/2">
         <InlineJalaliMonth
           displayDate={baseMonth}
@@ -65,6 +54,17 @@ function DatePicker({ setDate, disabledDates = [] }) {
           onNext={() => setBaseMonth(moment(baseMonth).add(1, "jMonth"))}
         />
       </div>
+      <div className="hidden md:block lg:hidden xl:block w-1/2">
+        <InlineJalaliMonth
+          displayDate={secondMonth}
+          selectedDate={selectedDate}
+          onSelectDay={selectDay}
+          isDisabled={isDisabled}
+          showPrev={false}
+          onNext={() => setBaseMonth(moment(baseMonth).add(1, "jMonth"))}
+          onPrev={() => setBaseMonth(moment(baseMonth).subtract(1, "jMonth"))}
+        />
+      </div>
     </div>
   );
 }
diff --git a/components/common/InlineJalaliMonth.js b/components/common/InlineJalaliMonth.js
index 439bdb1..da33fe9 100644
--- a/components/common/InlineJalaliMonth.js
+++ b/components/common/InlineJalaliMonth.js
@@ -47,7 +47,7 @@ function InlineJalaliMonth({
 
   return (
     <div className="w-full">
-      <div className="flex items-center justify-between mb-[16px] px-1">
+      <div dir="ltr" className="flex items-center justify-between mb-[16px] px-1">
         <button
           type="button"
           onClick={onNext}