diff --git a/src/assets/images/shape/login_straight_underline.svg b/src/assets/images/shape/login_straight_underline.svg
new file mode 100644
index 0000000..d79df8d
--- /dev/null
+++ b/src/assets/images/shape/login_straight_underline.svg
@@ -0,0 +1,10 @@
+<svg width="174" height="31" viewBox="0 0 174 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0,2 173,2" stroke="url(#paint0_linear_4_1797)" stroke-width="4" stroke-linecap="round"/>
+<defs>
+<linearGradient id="paint0_linear_4_1797" x1="1" y1="1" x2="11.0515" y2="59.9411" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F539F8"/>
+<stop offset="0.416763" stop-color="#C342F9"/>
+<stop offset="1" stop-color="#5356FB"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/src/components/AuthPages/Login/index.jsx b/src/components/AuthPages/Login/index.jsx
index 0a9c50c..39a59b7 100644
--- a/src/components/AuthPages/Login/index.jsx
+++ b/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>