diff --git a/donutshop_ecommerce/README.md b/donutshop_ecommerce/README.md
index f3483ea..35ca818 100644
--- a/donutshop_ecommerce/README.md
+++ b/donutshop_ecommerce/README.md
@@ -1,6 +1,6 @@
 # E-commerce web application with Next.js
 
-This project is a full stack donut delivery web application. We will be useing MongoDB to store data and Amazon S3 to store all images. For user authentication, we will be using NextAuth.js and have two options (google provider and credentials provider) for users to register/login into thier dashboard.
+This project is a full stack donut delivery web application. We will be using MongoDB to store data and Amazon S3 to store all images. For user authentication, we will be using NextAuth.js and have two options (google provider and credentials provider) for users to register/login into their dashboard.
 
 ## Web application architecture diagram
 
diff --git a/donutshop_ecommerce/src/app/about/page.js b/donutshop_ecommerce/src/app/about/page.js
index e9af4a5..0761d0e 100644
--- a/donutshop_ecommerce/src/app/about/page.js
+++ b/donutshop_ecommerce/src/app/about/page.js
@@ -66,7 +66,7 @@ const AboutPage = () => {
           </div>
         </div>
       </div>
-      <div className='bg-[#FFC55A]'>
+      <div className='bg-[#FFC55A] -mt-10'>
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
           <path fill="#E1AFD1" fill-opacity="1" d="M0,96L16,106.7C32,117,64,139,96,133.3C128,128,160,96,192,69.3C224,43,256,21,288,26.7C320,32,352,64,384,80C416,96,448,96,480,117.3C512,139,544,181,576,176C608,171,640,117,672,85.3C704,53,736,43,768,80C800,117,832,203,864,245.3C896,288,928,288,960,288C992,288,1024,288,1056,250.7C1088,213,1120,139,1152,96C1184,53,1216,43,1248,80C1280,117,1312,203,1344,250.7C1376,299,1408,309,1424,314.7L1440,320L1440,0L1424,0C1408,0,1376,0,1344,0C1312,0,1280,0,1248,0C1216,0,1184,0,1152,0C1120,0,1088,0,1056,0C1024,0,992,0,960,0C928,0,896,0,864,0C832,0,800,0,768,0C736,0,704,0,672,0C640,0,608,0,576,0C544,0,512,0,480,0C448,0,416,0,384,0C352,0,320,0,288,0C256,0,224,0,192,0C160,0,128,0,96,0C64,0,32,0,16,0L0,0Z"></path>
         </svg>
diff --git a/donutshop_ecommerce/src/components/layout/Header.js b/donutshop_ecommerce/src/components/layout/Header.js
index 6c99811..1de4012 100644
--- a/donutshop_ecommerce/src/components/layout/Header.js
+++ b/donutshop_ecommerce/src/components/layout/Header.js
@@ -73,7 +73,7 @@ const Header = () => {
                 </ul>
                 <div onClick={() => setNav(!nav)} className="cursor-pointer pr-4 z-20 text-[#95743D] md:hidden "> {nav ? <IoCloseOutline size={30} /> : <HiBars2 size={30} />}</div>
                 {nav && (
-                    <ul className="w-full h-[80%] flex justify-start items-center text-center absolute top-0 left-0 bg-gradient-to-b from-[#f8cdc6] to-[#FDE2DE] text-[#95743D] z-10">
+                    <ul className="w-full h-[100%] flex justify-start items-center text-center absolute top-0 left-0 bg-gradient-to-b from-[#f8cdc6] to-[#FDE2DE] text-[#95743D] z-10">
                     <li onClick={() => setNav(!nav)} className="w-full flex flex-col gap-5 cursor-pointer capitalize text-xl px-5">
                         <div className="flex flex-col gap-20 justify-between">
                             <div className="flex flex-col gap-3">