diff --git a/src/Components/user/home/features.tsx b/src/Components/user/home/features.tsx
index a623af1..81e93b2 100644
--- a/src/Components/user/home/features.tsx
+++ b/src/Components/user/home/features.tsx
@@ -20,7 +20,7 @@ const Features: React.FC = () => {
   }, []);
 
   return (
-    <div className='mt-[3rem] font-Poppins  md:p-0 max-w-10xl'>
+    <div className='mt-[3rem] font-Poppins p-6 md:p-0'>
       <h1 className='text-center font-bold text-[20px]'>
         <span className='text-blue-900'>Our</span> <span className='text-blue-500'>Features</span>
       </h1>
@@ -29,7 +29,7 @@ const Features: React.FC = () => {
       </p>
 
       {/* First Section */}
-      <div className='md:flex mt-10 md:h-[350px] justify-evenly max-w-10xl'>
+      <div className='md:flex mt-10 md:h-[350px] justify-evenly'>
         <motion.div
           className="image flex-[1] flex justify-center "
           initial={{ opacity: 0, y: 20 }}
@@ -42,7 +42,7 @@ const Features: React.FC = () => {
           <img src={Feature} className='md:h-[20rem] h-[15rem] md:ml-[7rem]' alt="feature" />
         </motion.div>
         <motion.div
-          className='flex-[1] text-center md:text-start md:ml-[6rem] '
+          className='flex-[1] text-center md:text-start md:ml-[6rem]'
           initial={{ opacity: 0, y: 20 }}
           animate={{
             opacity: scrollPosition > 100 ? 1 : 0, // Fade in when scroll position is greater than 100
@@ -50,7 +50,7 @@ const Features: React.FC = () => {
           }}
           transition={{ duration: 0.5 }}
         >
-          <h1 className='text-blue-900 text-[25px] font-bold md:w-[60%] mt-11 '>A <span className='text-blue-500'>user interface</span> designed for the classroom</h1>
+          <h1 className='text-blue-900 text-[25px] font-bold md:w-[60%] mt-11'>A <span className='text-blue-500'>user interface</span> designed for the classroom</h1>
           <ul className="md:list-disc  md:w-[50%] w-[70%] mt-[1rem] w-full flex justify-center flex-col">
             <li className='text-[14px] pt-2'>Teachers don’t get lost in the grid view and have a dedicated Podium space.</li>
             <li className='text-[14px] pt-2'>TA’s and presenters can be moved to the front of the class.</li>
@@ -60,9 +60,9 @@ const Features: React.FC = () => {
       </div>
 
       {/* Second Section */}
-      <div className='md:flex md:h-[400px] justify-evenly items-center max-w-7xl'>
+      <div className='md:flex md:h-[400px] justify-evenly items-center'>
         <motion.div
-          className="image flex-[1] flex justify-center md:order-2 md:relative "
+          className="image flex-[1] flex justify-center md:order-2 md:relative right-[10rem]"
           initial={{ opacity: 0, y: 20 }}
           animate={{
             opacity: scrollPosition > 300 ? 1 : 0, // Fade in when scroll position is greater than 300
@@ -87,7 +87,7 @@ const Features: React.FC = () => {
       </div>
 
       {/* Third Section */}
-      <div className='md:flex mt-10  md:h-[350px] justify-evenly max-w-10xl'>
+      <div className='md:flex mt-10  md:h-[350px] justify-evenly'>
         <motion.div
           className="image flex-[1] flex justify-center "
           initial={{ opacity: 0, y: 20 }}
diff --git a/src/Pages/auth/Signup.tsx b/src/Pages/auth/Signup.tsx
index 9816728..1033c15 100644
--- a/src/Pages/auth/Signup.tsx
+++ b/src/Pages/auth/Signup.tsx
@@ -74,7 +74,7 @@ const Signup: React.FC = () => {
       role: location.state.role,
       email: response.payload.data.email,
       password: response.payload.data.password,
-      username: response.payload.username,
+      username: response.payload.data.username,
       isGauth: true
     };
       navigator(location.state.role === 'student' ? '/userRegister' : '/instructorRegister', { state: signUpData });
diff --git a/src/utils/generatePdf/generatePdf.tsx b/src/utils/generatePdf/generatePdf.tsx
index 5fc4102..68ced36 100644
--- a/src/utils/generatePdf/generatePdf.tsx
+++ b/src/utils/generatePdf/generatePdf.tsx
@@ -1,8 +1,8 @@
 import { jsPDF } from 'jspdf';
 import 'jspdf-autotable';
-import Img from '../../assets/enrollment/certificate-new.png'; // Path to your certificate background image
+import Img from '../../assets/enrollment/certificate-new.png'; 
+
 
-// Function to generate a PDF certificate
 export function generateCertificate(name:string, courseName:string, date:any, download = true) {
     const doc = new jsPDF({
         orientation: 'landscape',