diff --git a/src/components/Checklist/index.js b/src/components/Checklist/index.js
index 07f304c..3f5835a 100644
--- a/src/components/Checklist/index.js
+++ b/src/components/Checklist/index.js
@@ -6,7 +6,7 @@ import CustomSelectBox from "../CustomSelectBox";
 
 const Checklist = () => {
   return (
-    <div className="w-full flex flex-row items-start justify-between mx-auto divide-x-2 divide-[#E3E3E3] divide-x-reverse">
+    <div className="w-full flex flex-row items-start justify-between divide-x-2 divide-[#E3E3E3] divide-x-reverse">
       <div className="flex-grow flex-1 flex flex-col pl-5">
         <p className=" font-bold text-blue-600 text-left text-xs mb-2">
           تابع انتخاب
diff --git a/src/components/Condition/index.js b/src/components/Condition/index.js
index 99db90f..491ef1f 100644
--- a/src/components/Condition/index.js
+++ b/src/components/Condition/index.js
@@ -3,7 +3,7 @@ import CustomSelectBox from "../CustomSelectBox";
 
 const Condition = () => {
   return (
-    <div className="w-full flex flex-row items-center justify-between mx-auto rounded-sm shadow-sm divide-x-2 divide-[#E3E3E3] divide-x-reverse">
+    <div className="w-full flex flex-row items-center justify-between divide-x-2 divide-[#E3E3E3] divide-x-reverse">
       <div className="flex-grow flex-1 flex flex-col pl-5 ">
         <div className="font-bold text-center p-4 rounded-sm border border-[#DBDBDB] text-[#333333]">
           اینجا قرار است بیام از react-monaco-editor استفاده کنم{" "}
diff --git a/src/components/Mokatebat/index.js b/src/components/Mokatebat/index.js
index 37988aa..8ba943e 100644
--- a/src/components/Mokatebat/index.js
+++ b/src/components/Mokatebat/index.js
@@ -9,7 +9,7 @@ const Mokatebat = () => {
   const { register, getValues } = useForm();
 
   return (
-    <div className="w-full flex flex-row items-start justify-between mx-auto divide-x-2 divide-[#E3E3E3] divide-x-reverse">
+    <div className="w-full flex flex-row items-start justify-between divide-x-2 divide-[#E3E3E3] divide-x-reverse">
       <div className="flex-grow flex-1 flex flex-col pl-5">
         <div className="flex flex-col gap-y-4">
           <CustomSelectBox
diff --git a/src/components/Questions/index.js b/src/components/Questions/index.js
index 2c9b176..8eb3cfc 100644
--- a/src/components/Questions/index.js
+++ b/src/components/Questions/index.js
@@ -6,7 +6,7 @@ const Questions = () => {
   // const [selectedQuestion, setSelectedQuestion] = useState(null);
 
   return (
-    <div className=" w-full">
+    <div className="w-full">
       <CustomSelectBox
         options={[
           { title: "انتخاب سوال" },
diff --git a/src/components/Settingss/index.js b/src/components/Settingss/index.js
index 99ed392..c2dae1b 100644
--- a/src/components/Settingss/index.js
+++ b/src/components/Settingss/index.js
@@ -10,7 +10,7 @@ const Settingss = ({ status }) => {
   const { register } = useForm();
 
   return (
-    <div className="w-full flex flex-row items-start justify-between mx-auto  divide-x-2 divide-[#E3E3E3] divide-x-reverse">
+    <div className="w-full flex flex-row items-start justify-between divide-x-2 divide-[#E3E3E3] divide-x-reverse">
       <div className="flex-grow flex-1 flex flex-col gap-y-7 pl-5">
         <CustomSelectBox
           options={[
diff --git a/src/components/Tavabee/index.js b/src/components/Tavabee/index.js
index f473f2d..f4dae72 100644
--- a/src/components/Tavabee/index.js
+++ b/src/components/Tavabee/index.js
@@ -3,7 +3,7 @@ import CustomSelectBox from "../CustomSelectBox";
 
 const Tavabee = () => {
   return (
-    <div className="w-full flex flex-row items-center justify-between mx-auto rounded-sm shadow-sm divide-x-2 divide-[#E3E3E3] divide-x-reverse">
+    <div className="w-full flex flex-row items-center justify-between divide-x-2 divide-[#E3E3E3] divide-x-reverse">
       <div className="flex-grow flex-1 flex flex-col pl-5">
         <p className="mb-4 mt-2 font-bold text-[#00253A] text-sm">تابع شروع</p>
         <div className="flex flex-col gap-y-7">