diff --git a/src/app/pages-family/playground/playground.page.html b/src/app/pages-family/playground/playground.page.html
index d788bd8..c0fdb57 100644
--- a/src/app/pages-family/playground/playground.page.html
+++ b/src/app/pages-family/playground/playground.page.html
@@ -56,20 +56,18 @@
 
       <div *ngIf="tabMode == 'collections' " class="lesson">
 
-        <ion-card *ngIf="collectionsListdata[0].item_list.length==0" style="margin: 0px;">
+        <ion-card *ngIf="collectionsListdata[0].item_list.length==0" style="margin: 0px; background-color: aliceblue;">
           <img alt="collections" src="https://www.wrenchboard.com/assets/images/apps/no-collection.jpg" />
           <ion-card-header>
             <ion-card-title>Collections</ion-card-title>
             <ion-card-subtitle>Your collection is empty</ion-card-subtitle>
           </ion-card-header>
-
           <ion-card-content>
             Your collection list will show up here.
           </ion-card-content>
         </ion-card>
 
         <div  *ngFor="let item of collectionsListdata; let i=index " >
-
             <div class="sec" *ngIf="collectionsListdata[0].item_list.length>0">
             <ion-label class="grey">{{item.name}}</ion-label>
             <!--        <ion-label class="color">15 min</ion-label>-->
@@ -92,7 +90,7 @@
 
       <div *ngIf="tabMode == 'shared' " class="lesson">
 
-        <ion-card *ngIf="sharedListData[0].item_list.length==0"  style="margin: 0px; border-color: white">
+        <ion-card *ngIf="sharedListData[0].item_list.length==0"  style="margin: 0px; border-color: white; background-color: aliceblue;">
 
           <img alt="shared" src="https://www.wrenchboard.com/assets/images/apps/no-shared.jpg" />
           <ion-card-header>
@@ -129,32 +127,6 @@
         </div>
 
       </div>
-
-
-
-<!--      <div  class="lesson">-->
-<!--        <div  *ngFor="let item of playListData; let i=index " >-->
-<!--          <div class="sec">-->
-<!--            <ion-label class="grey">{{item.name}}</ion-label>-->
-<!--            &lt;!&ndash;        <ion-label class="color">15 min</ion-label>&ndash;&gt;-->
-<!--          </div>-->
-<!--          <div class="video" *ngFor="let iteml of item.item_list.item">-->
-<!--            <div class="left">-->
-<!--              <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>-->
-
-<!--              <div class="text">-->
-<!--                <ion-label class="bold_text">{{iteml.title}}</ion-label>-->
-<!--                <ion-label class="grey_text">{{iteml.description}}</ion-label>-->
-<!--              </div>-->
-<!--            </div>-->
-<!--            <div class="right">-->
-<!--              <ion-icon name="chevron-forward-outline"></ion-icon>-->
-<!--            </div>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </div>-->
-
-
     </div>
   </div>
 </ion-content>