diff --git a/Css-files/content.css b/Css-files/content.css
index 4b2a42e7..1df05e5e 100644
--- a/Css-files/content.css
+++ b/Css-files/content.css
@@ -565,20 +565,25 @@ td{
   justify-content: center;
   align-items: center;
   height: max-content;
+  position:relative;
+  width: 15rem;
 }
 
 #contactForm input,
 #contactForm textarea {
-  width: 64%;
+  background-color: #ffdaa9;
+  width: 100%;
   padding: 20px;
   font-size: 15px;
   margin: 5px;
   border-radius: 10px;
   border: none;
+  margin-bottom: 15px;
 }
 #contactForm input{
-  width: 76%;
+  width: 100%;
   font-size: 15px;
+  padding-left: 15%;
 }
 
 #contactForm h3 {
@@ -588,8 +593,22 @@ td{
 #contactForm textarea {
   height: 100px;
   resize: none; 
+  padding-left: 15%;
+}
+.fa-envelope{
+  position: absolute;
+  top: 21%;
+  left: 5%;
+  font-size: 14px;
+  color: gray;
+}
+.fa-comment{
+  position:absolute;
+  top:47.5%;
+  left:5%;
+  font-size: 14px;
+  color: gray;
 }
-
 #contactForm button {
   padding: 10px 20px;
   background-color:rgb(196, 74, 74);
diff --git a/Html-files/cart.html b/Html-files/cart.html
index e02cfc76..85fe7771 100644
--- a/Html-files/cart.html
+++ b/Html-files/cart.html
@@ -497,8 +497,10 @@ <h1 style="color: black;font-family: var(--ff-philosopher);">C A R T</h1>
 
       <form id="contactForm">
         <h3 style="font-family: var(--ff-philosopher);">Contact Us!</h3>
+        <i class="fas fa-envelope"></i>
         <input type="email" id="email" name="email" placeholder="Your Email" required=""
           style="font-family: var(--ff-poppins);">
+          <i class="fas fa-comment"></i>
         <textarea id="message" name="message" placeholder="Your Message" required=""
           style="font-family: var(--ff-poppins);"></textarea>