diff --git a/src/App.jsx b/src/App.jsx
index b4ecd9d03184a8c86354c4622111682b5bd3bc05..de273837c144d7949920e2155b1121ed3e814a5d 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -3,13 +3,13 @@ import { useState } from 'react'
 //import viteLogo from '/vite.svg'
 //import './App.css'
 //import AdminLogin2 from './components2/AdminLogin2/AdminLogin2'
-import AdminLogin2 from './components2/AdminLogin2/AdminLogin2'
+import AdminLogin4 from './components2/AdminLogin2/AdminLogin4'
 function App() {
   const [count, setCount] = useState(0)
 
   return (
     <div>
-      <AdminLogin2 />
+      <AdminLogin4 />
     </div>
   )
 }
diff --git a/src/components2/AdminLogin2/AdminLogin2.jsx b/src/components2/AdminLogin2/AdminLogin4.jsx
similarity index 87%
rename from src/components2/AdminLogin2/AdminLogin2.jsx
rename to src/components2/AdminLogin2/AdminLogin4.jsx
index ed5f394c69f98c9d439edd3a517a15f43b4946d6..1558e5122479f743f8d3504a0531d67dccf5d75a 100644
--- a/src/components2/AdminLogin2/AdminLogin2.jsx
+++ b/src/components2/AdminLogin2/AdminLogin4.jsx
@@ -45,17 +45,17 @@ export default function AdminLogin() {
           <img src={loginImage} alt="Login" className="w-[80%] lg:w-[80%] xl:w-[80%]" />
         </div>
 
+      
         <div className="w-[1px] bg-gray-600 hidden md:block"></div>
 
-        <div className="w-full md:w-1/2 flex flex-col items-center justify-center p-6 text-[#6FE7D1]">
-          <h2 className="text-4xl md:text-5xl font-font-primary font-semibold text-[#6FE7D1] mb-6">
+        <div className="w-full md:w-1/2 flex flex-col items-center justify-start p-6 text-[#6FE7D1]">
+          <h2 className="text-3xl md:text-3xl font-font-primary font-semibold text-[#6FE7D1] mb-6">
             Admin Login
           </h2>
+       
 
-
-
-          <form onSubmit={handleSubmit} className="w-full max-w-md">
-            <div className="relative mt-4">
+        <form onSubmit={handleSubmit} className="w- max-w-md">
+            <div className="relative mt-6">
               <label className={`absolute -top-3 left-4 px-2 bg-[#1E1E1E] border rounded-md text-sm font-font-primary font-medium 
                 ${error.adminId ? "border-[#EEAB4D] text-[#EEAB4D]" : "border-[#6FE7D1] text-[#6FE7D1]"}`}>
                 Admin ID
@@ -65,7 +65,7 @@ export default function AdminLogin() {
                 value={adminId}
                 onChange={(e) => setAdminId(e.target.value)}
                 placeholder="Enter ID"
-                className={`w-full h-14 px-4 pr-10 border-2 rounded-lg bg-transparent text-white text-lg shadow-sm focus:outline-none font-font-primary
+                className={`w-96 h-16 px-6 pr-10 border-2 rounded-lg bg-transparent text-white text-lg shadow-sm focus:outline-none font-font-primary
                 ${error.adminId ? "border-[#EEAB4D] text-[#EEAB4D]" : "border-[#6FE7D1] text-white"}`}
               />
               <FiMail 
@@ -73,8 +73,7 @@ export default function AdminLogin() {
                 style={{ color: error.adminId ? "#EEAB4D" : "#6FE7D1" }} 
               />
             </div>
-
-            <div className="relative mt-8">
+            <div className="relative mt-12">
               <label className={`absolute -top-3 left-4 px-2 bg-[#1E1E1E] border rounded-md text-sm font-font-primary font-medium 
                 ${error.password ? "border-[#EEAB4D] text-[#EEAB4D]" : "border-[#6FE7D1] text-[#6FE7D1]"}`}>
                 Password
@@ -84,7 +83,7 @@ export default function AdminLogin() {
                 value={password}
                 onChange={(e) => setPassword(e.target.value)}
                 placeholder="Enter your password"
-                className={`w-full h-14 px-4 pr-10 border-2 rounded-lg bg-transparent text-white text-lg shadow-sm focus:outline-none font-font-primary
+                className={`appearance-none w-full h-14 px-4 pr-10 border-2 rounded-lg bg-transparent text-white text-lg shadow-sm focus:outline-none font-font-primary
                 ${error.password ? "border-[#EEAB4D] text-[#EEAB4D]" : "border-[#6FE7D1] text-white"}`}
               />
               {showPassword ? (
@@ -101,8 +100,7 @@ export default function AdminLogin() {
                 />
               )}
             </div>
-
-            <div className="flex justify-between items-center mt-4">
+            <div className="flex justify-between items-center mt-6">
               <a href="#" className="text-[#6FE7D1] hover:underline text-sm font-font-primary font-semibold">
                 Forgot Password?
               </a>
@@ -112,17 +110,16 @@ export default function AdminLogin() {
                 </span>
               )}
             </div>
-
-            <div className="mt-6 flex justify-center">
+            <div className="mt-12 flex justify-center">
               <button 
                 type="submit" 
                 className="w-48 h-14 text-black font-semibold rounded-full bg-[#6FE7D1] shadow-md hover:bg-[#5CC4AE] transition text-lg font-font-primary font-extrabold">
                 Sign In
               </button>
             </div>
-          </form>
-        </div>
-      </div>
-    </div>
-  );
-}
+            </form>
+            </div>
+
+</div>
+</div>
+  )};
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index 9e627873b1d2c6b49117fd5dfe1cb368255dfd86..c14e6659525a227c5d2ce09a44e0e3bd1b6beefb 100644
--- a/src/index.css
+++ b/src/index.css
@@ -12,4 +12,11 @@
     --ease-fluid: cubic-bezier(0.3, 0, 0, 1);
     --ease-snappy: cubic-bezier(0.2, 0, 0, 1);
     /* ... */
-  }
\ No newline at end of file
+  }
+/* Remove Edge's password reveal (eye) icon */
+input[type="password"]::-ms-reveal,
+input[type="password"]::-ms-clear {
+  display: none;
+  width: 0;
+  height: 0;
+}