Step 2 Completed

src/App.css

@@ -2,3 +2,7 @@
   text-align: center;
   
 }
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+}

src/view/LoginSignUp/index.js

@@ -84,11 +84,13 @@ const LoginSignUp = ({ activeLogin }) => {
                 {/* form */}
 
                 <div className="flex w-2/5 border-0 border-l border-solid border flex-col items-center p-6">
+                    <div className="h-12 w-full  flex justify-end">
                     { steps != 0 &&
-                    <div className="w-12 h-12 bg-gray-200 rounded-xl" onClick={() => setSteps(steps - 1)}>
+                    <div className="w-12 h-full bg-gray-200 rounded-xl flex items-center justify-center text-gray-500 m-0 text-2xl font-light cursor-pointer" onClick={() => setSteps(steps - 1)}>
-                        
+                        {`>`}
                     </div>
 }
+</div>
                     <img src={logo} className="w-1/2 m-4" />
                     <div className="flex flex-col  items-start justify-start leading-normal">
                         <h1 className="text-red26 text-lg font-bold">ورود یا ثبت نام</h1>
@@ -125,13 +127,13 @@ const LoginSignUp = ({ activeLogin }) => {
                             steps == 1 &&
                             <>
 
-                                <div className="Login-box-form-item w-full h-12 rounded-lg border border-color7  mt-8 relative flex items-center flex-row-reverse">
+                                <div className="Login-box-form-item w-full h-12 rounded-lg border border-color7  mt-6 relative flex items-center flex-row-reverse">
                                     <div className="Login-box-form-item-line w-20 h-px absolute top-[-1px] right-7 bg-color7"></div>
                                     <div className="Login-box-form-item-label text-sm text-color19 absolute right-6 transition-all duration-300 pointer-events-none">
                                         شماره تلفن
                                     </div>
                                     <input
-                                        type="text"
+                                        type="number"
                                         name="Login-box-form-item-input-name"
                                         id="Login-box-form-item-input-name"
                                         className="Login-box-form-item-input w-full h-full bg-transparent px-4 outline-0 rounded text-red52"
@@ -143,7 +145,7 @@ const LoginSignUp = ({ activeLogin }) => {
 
                                 <Link
                                     to=""
-                                    className="Login-box-form-btn w-full h-12 rounded-lg bg-red52 text-white flex items-center justify-center mt-6"
+                                    className="Login-box-form-btn w-full h-12 rounded-lg bg-red52 text-white flex items-center justify-center mt-4"
                                     onClick={() => {
                                         setSteps(2);