diff --git a/src/components/TestComponentNew/index.js b/src/components/TestComponentNew/index.js
index 8613559..6e2d011 100644
--- a/src/components/TestComponentNew/index.js
+++ b/src/components/TestComponentNew/index.js
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useRef, useState } from "react";
 
 import { Calendar } from "react-multi-date-picker";
 import DatePicker from "react-multi-date-picker";
@@ -17,8 +17,15 @@ const TestComponentNew = () => {
       <DatePicker
         calendar={persian}
         locale={persian_fa}
-        calendarPosition="bottom-right"
+        fixMainPosition={true}
+        fixRelativePosition={true}
+        calendarPosition={`${"bottom"}-${"center"}`}
         onClose={() => false}
+        style={{
+          width: "100%",
+          height: "33px",
+          boxSizing: "border-box",
+        }}
       />
     </div>
   );