diff --git a/src/component/home/Products.jsx b/src/component/home/Products.jsx
index 0809ff8..8be23b2 100644
--- a/src/component/home/Products.jsx
+++ b/src/component/home/Products.jsx
@@ -41,22 +41,27 @@ export default function Products() {
                 </div>
                 :
                 <div className="row m-b-20">
-                    {products && products.map((product, index) => (
-                        <div key={product.uid+index} className={`col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0`}>
-                            <Link to={productPath(product?.product_id)}  >
-                                <div className={`d-flex align-items-center extraProductCard  ${product?.icon_style}`} style={{borderColor:'black', borderWidth: '2px'}} >
-                                    <div className="icon-container img-icon m-r-20 bg-light-gray rounded">
-                                        <i className={`fa ${product?.product_icon} text-primary`}></i>
+                    {products && products.map((product, index) =>
+                    {
+                        // let productName = product?.name?.length > 14 ? product?.name?.substring(0, 14) + '...' : product?.name
+                        return (
+                            <div key={product.uid+index} className={`col-12 col-lg-6 mb-2 mb-xxl-0`}>
+                                <Link to={productPath(product?.product_id)}  >
+                                    <div className={`d-flex align-items-center extraProductCard  ${product?.icon_style}`} style={{borderColor:'black', borderWidth: '2px'}} >
+                                        <div className="icon-container img-icon m-r-20 bg-light-gray rounded">
+                                            <i className={`fa ${product?.product_icon} text-primary`}></i>
+                                        </div>
+                                        <div className="report-details overflow-hidden">
+                                            <p><span style={{fontWeight: 'bolder', color: '#00557A'}}>{product?.status_text}</span></p>
+                                            <h4><span className='w-100 d-inline-block text-truncate' style={{paddingLeft: '10px'}}>{product?.name}</span></h4>
+                                        </div>
                                     </div>
-                                    <div className="report-details">
-                                        <p><span style={{fontWeight: 'bolder', color: '#00557A'}}>{product?.status_text}</span></p>
-                                        <h4><span className='text-truncate' style={{paddingLeft: '10px'}}>{product?.name}</span></h4>
-                                    </div>
-                                </div>
-                            </Link>
-
-                        </div>
-                    ))}
+                                </Link>
+    
+                            </div>
+                        )
+                    } 
+                    )}
                 </div>
             }
                 <div className="apexchart-wrapper">
diff --git a/src/component/settings/ProfileImage.jsx b/src/component/settings/ProfileImage.jsx
index 114c5a2..c75e0d3 100644
--- a/src/component/settings/ProfileImage.jsx
+++ b/src/component/settings/ProfileImage.jsx
@@ -26,15 +26,15 @@ const ProfileImage = memo(({intialData}) => {
 
     const uploadProfileMutation = useMutation({
         mutationFn: (fields) => {
-            if(!fields.img){
+            if(!fields.file){
                 throw new Error('Please, select an image')
             }
             return uploadProfileImg(fields)
         },
         onSuccess: (res) => {
-            if(res.data.resultCode != '0'){
-                throw({message: res?.data?.resultDescription ? res?.data?.resultDescription : 'An error occured'})
-            }
+            // if(res.data.resultCode != '0'){
+            //     throw({message: res?.data?.resultDescription ? res?.data?.resultDescription : 'An error occured'})
+            // }
             // const account_name = res?.data?.personal_data?.account_name
             // dispatch(updateUserDetails({ account_name }));
         },
@@ -51,8 +51,8 @@ const ProfileImage = memo(({intialData}) => {
     const proceedToUpload = () => {
         let reqData = {
             token: localStorage.getItem('token'), // USER TOKEN
-            uid: localStorage.getItem('uid'), // USER UID
-            img: selectedImg
+            member_uid: localStorage.getItem('uid'), // USER UID
+            file: selectedImg
         }
         // console.log('reqData', reqData)
         uploadProfileMutation.mutate(reqData)
diff --git a/src/services/services.js b/src/services/services.js
index 65d9309..2ecbaa3 100644
--- a/src/services/services.js
+++ b/src/services/services.js
@@ -358,8 +358,8 @@ export const uploadProfileImg = (reqData) => {
     let postData = {
         ...reqData,
     }
-    throw new Error('Opps')
-    // return postAuxEnd(`/panel/account/profile-update`, postData, true)
+    return postAuxEnd(`/upload/profile-picture`, postData, true)
+    // throw new Error('Opps')
 }