diff --git a/src/app/components/collection-child/collection-child.component.html b/src/app/components/collection-child/collection-child.component.html
index a408e79b40..62743e3246 100644
--- a/src/app/components/collection-child/collection-child.component.html
+++ b/src/app/components/collection-child/collection-child.component.html
@@ -21,7 +21,7 @@
 
         <div class="pull-right">
           <img class="content-icon" alt=""
-            [src]="commonUtilService.convertFileSrc(localImage) || commonUtilService.convertFileSrc(childData?.contentData?.appIcon) || defaultAppIcon">
+            [src]="commonUtilService.convertFileSrc(localImage) || commonUtilService.convertFileSrc(collectionChildIcon) || commonUtilService.convertFileSrc(childData?.contentData?.appIcon) || defaultAppIcon">
         </div>
       </div>
     </div>
diff --git a/src/app/components/collection-child/collection-child.component.ts b/src/app/components/collection-child/collection-child.component.ts
index 5cbf3c1ac8..c4982e1b4d 100644
--- a/src/app/components/collection-child/collection-child.component.ts
+++ b/src/app/components/collection-child/collection-child.component.ts
@@ -17,6 +17,7 @@ import {
   InteractType,
   PageId
 } from '@app/services/telemetry-constants';
+import { ContentUtil } from '@app/util/content-util';
 
 @Component({
   selector: 'app-collection-child',
@@ -41,6 +42,7 @@ export class CollectionChildComponent implements OnInit {
   @Input() bookID: string;
   @Input() isEnrolled: boolean;
   @Input() fromCourseToc: boolean;
+  collectionChildIcon: any;
 
   constructor(
     private zone: NgZone,
@@ -55,7 +57,9 @@ export class CollectionChildComponent implements OnInit {
   ) { }
 
   ngOnInit(): void {
-  }
+    this.collectionChildIcon = ContentUtil.getAppIcon(this.childData.contentData.appIcon, this.childData.basePath,
+        this.commonUtilService.networkInfo.isNetworkAvailable);
+}
 
   setContentId(id: string) {
     console.log('extractedUrl', this.router);
diff --git a/src/assets/styles/component/_sb-card.scss b/src/assets/styles/component/_sb-card.scss
index 6a328e05ac..8524217b10 100644
--- a/src/assets/styles/component/_sb-card.scss
+++ b/src/assets/styles/component/_sb-card.scss
@@ -346,6 +346,10 @@
     .img-container {
       grid-column: 2;
       margin: $base-block-space 0;
+      display: flex;
+      align-items: center;
+      overflow: hidden;
+      justify-content: center;
     }
     .sb-card-details {
       grid-column: 3;