diff --git a/src/Components/NewsLetter/NewsLetter.css b/src/Components/NewsLetter/NewsLetter.css
index 1d2c904..6387f3b 100644
--- a/src/Components/NewsLetter/NewsLetter.css
+++ b/src/Components/NewsLetter/NewsLetter.css
@@ -1,53 +1,60 @@
 .newsletter {
-    width: 65%;
-    height: 40vh;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin: auto;
-    padding: 0px 140x;
-    margin-bottom: 150px;
-    background: linear-gradient(180deg, #fde1ff 0%, #e1ffea22 60%);
-    gap: 30px;
+  width: 100%;
+  height: 40vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin: auto;
+  padding: 0px;
+  margin-bottom: 150px;
+  padding: 10px 0 0 0;
+  background: linear-gradient(180deg, #fde1ff 90%, #e1ffea22 100%);
+  gap: 30px;
 }
 
 .newsletter h1 {
-    color: #454545;
-    font-size: 55px;
-    font-weight: 600;
+  color: #454545;
+  font-size: 55px;
+  font-weight: 600;
 }
 
 .newsletter p {
-    color: #454545;
-    font-size: 20px;
+  color: #454545;
+  font-size: 20px;
 }
 
 .newsletter div {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background: white;
-    height: 730px;
-    border-radius: 1px solid #e3e3e3;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: transparent;
+  height: 730px;
+  border: none;
 }
 
 .newsletter input {
-    width: 500px;
-    margin-left: 30px;
-    border: none;
-    outline: none;
-    color: #616161;
-    font-family: Poppins;
-    font-size: 16px;
+  width: 500px;
+  margin-left: 30px;
+  color: #616161;
+  font-family: Poppins;
+  font-size: 16px;
+  padding: 1rem;
+  border-radius: 2rem;
+  border: 2px solid #000;
+  position: relative;
+  right: -10%;
 }
 
-.newsletter div button{
-    width: 210px;
-    height: 70px;
-    border-radius: 80px;
-    background: black;
-    color: white;
-    font-size: 16px;
-    cursor: pointer;
-}
\ No newline at end of file
+.newsletter div button {
+  width: 140px;
+  height: 50px;
+  border-radius: 80px;
+  background: black;
+  color: white;
+  font-size: 16px;
+  cursor: pointer;
+  border: none;
+  position: relative;
+  right: 10.5%;
+}
diff --git a/src/Components/NewsLetter/NewsLetter.jsx b/src/Components/NewsLetter/NewsLetter.jsx
index 0cdba07..655461c 100644
--- a/src/Components/NewsLetter/NewsLetter.jsx
+++ b/src/Components/NewsLetter/NewsLetter.jsx
@@ -1,17 +1,17 @@
-import React from 'react'
-import './NewsLetter.css'
+import React from "react";
+import "./NewsLetter.css";
 
 const NewsLetter = () => {
   return (
-    <div className='newsletter'>
+    <div className="newsletter">
       <h1>Get Exclusive Offers On Your Email</h1>
       <p>Subscribe to Our NewsLetter and Stay Updated</p>
       <div>
-        <input type="email" placeholder='Your Email Id' />
+        <input type="email" placeholder="Your Email Id" />
         <button>Subscribe</button>
       </div>
     </div>
-  )
-}
+  );
+};
 
-export default NewsLetter
+export default NewsLetter;