made the curve underline straight

src/components/AuthPages/Login/index.jsx

@@ -2,7 +2,8 @@ import React, { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
 import googleLogo from "../../../assets/images/google-logo.svg";
-import titleShape from "../../../assets/images/shape/title-shape.svg";
+// import titleShape from "../../../assets/images/shape/title-shape.svg";
+import titleShape from "../../../assets/images/shape/login_straight_underline.svg";
 import InputCom from "../../Helpers/Inputs/InputCom";
 import AuthLayout from "../AuthLayout";
 
@@ -51,7 +52,7 @@ export default function Login() {
               <h1 className="text-5xl font-bold leading-[74px]   text-dark-gray dark:text-white">
                 Log In
               </h1>
-              <div className="shape -mt-5">
+              <div className="shape -mt-2">
                 <img src={titleShape} alt="shape" />
               </div>
             </div>