diff --git a/src/pages/Seller_reg.jsx b/src/pages/Seller_reg.jsx
index b6bff51bdad1c86d696a3578e5e066eee94fe90b..887ccfb2946813a1617d7a47379abb5d74e89de0 100644
--- a/src/pages/Seller_reg.jsx
+++ b/src/pages/Seller_reg.jsx
@@ -1,9 +1,13 @@
-import React from 'react'
+import React from "react";
 
 function Seller_reg()  {
   return (
     <>
-        <p className="text-9xl">heloo</p>
+        <div className="bg-[#E9FAFF] flex w-full h-svh justify-center md:justify-normal font-montserrat">
+          <div className="m-10 md:m-20 text-[#030A1E] text-center md:text-start ">
+            <p className="font-[300px] md:font-[600px]  text-[24px] md:text-[48.31px]  ">OMPOI-Seller</p>
+          </div>
+        </div>
     </>
   );
 }
diff --git a/src/pages/seller_login.jsx b/src/pages/seller_login.jsx
index 84e8c7a4bf81a5de3e5da0cd1732eee03be638e8..de61293bc8197ba1909e2b0279e84cd1f46cbab1 100644
--- a/src/pages/seller_login.jsx
+++ b/src/pages/seller_login.jsx
@@ -50,7 +50,7 @@ function Seller_login() {
         <h1 className="text-[48.31px] font-[700px] text-[#030A1E] self-start">OMPOI - Seller</h1>
       </div>
 
-      <div className="flex flex-col md:flex-row items-center justify-center w-full max-w-5xl  bg-[#FFFFFF] p-2 rounded-[32.6px] shadow-lg">
+      <div className="flex flex-col md:flex-row items-center justify-center w-screen h-screen bg-[#FFFFFF] p-2 rounded-[32.6px] shadow-lg">
         {/* Left Section - Image */}
         <div className="w-full md:w-1/2 flex justify-center md:pr-8 relative">
           <img src={key} alt="Login Illustration" className="max-w-xs md:max-w-sm p-2" />