diff --git a/src/components/Home/FamilyActiveLSlde.jsx b/src/components/Home/FamilyActiveLSlde.jsx
index 025a3bd..4f22de7 100644
--- a/src/components/Home/FamilyActiveLSlde.jsx
+++ b/src/components/Home/FamilyActiveLSlde.jsx
@@ -93,8 +93,8 @@ export default function FamilyActiveLSlde({ className, trending }) {
                 </div>
             </div>
             {/* trending products */}
-            <div className="trending-products relative w-full rounded-2xl p-[10px] bg-alice-blue">
-                <SliderCom selector={trendingSlider} settings={settings} className='bg-transparent opacity-100'>
+            <div className="trending-products slider-left relative w-full rounded-2xl p-[10px] bg-alice-blue">
+                <SliderCom selector={trendingSlider} settings={settings}>
                     {trending &&
                         trending.length > 0 &&
                         trending.map((item) => (
diff --git a/src/components/Home/FamilyDash.jsx b/src/components/Home/FamilyDash.jsx
index 1895363..7911eb9 100644
--- a/src/components/Home/FamilyDash.jsx
+++ b/src/components/Home/FamilyDash.jsx
@@ -14,8 +14,9 @@ export default function FamilyDash({familyOffers, MyActiveJobList}) {
     <div>
       <div className="home-page-wrapper">
         {/* <CommonHead commonHeadData={props.commonHeadData} /> */}
+        {familyOffers && familyOffers.length > 0 &&
         <MyOffersFamilyTable familyOffers={familyOffers} className="mb-10" />
-
+        }
         {trending && trending.length > 0 &&
         <FamilyActiveLSlde trending={trending} className="mb-10" />
         }
diff --git a/src/components/MyTasks/MyOffersFamilyTable.jsx b/src/components/MyTasks/MyOffersFamilyTable.jsx
index 6526cb9..ce1eac4 100644
--- a/src/components/MyTasks/MyOffersFamilyTable.jsx
+++ b/src/components/MyTasks/MyOffersFamilyTable.jsx
@@ -104,7 +104,7 @@ export default function MyOffersFamilyTable({ className, familyOffers }) {
                 </div>
             </div>
             {/* trending products */}
-            <div className="trending-products relative w-full rounded-2xl p-[10px] bg-alice-blue">
+            <div className="trending-products slider-left relative w-full rounded-2xl p-[10px] bg-alice-blue">
                 <SliderCom selector={trendingSlider} settings={settings}>
                     {familyOffers &&
                         familyOffers.length > 0 &&
diff --git a/src/index.css b/src/index.css
index 50edd25..8392de3 100644
--- a/src/index.css
+++ b/src/index.css
@@ -929,12 +929,6 @@ TODO: Responsive ===========================
 }
 
 /* TO REMOVE SLIDER COMPONENT FROM CENTRALIZED */
-.trending-products .slick-slider .slick-track{
+.slider-left .slick-slider .slick-track{
   margin: 0;
-}
-/* .slick-slide, .slick-slide::after, .slick-slide::before{
-  background-color: red;
-  opacity: 1;
-  padding: 20;
-  box-shadow: none;
-} */
\ No newline at end of file
+}
\ No newline at end of file