healthy icon fix in app status card

Author: Mukul Tayal

src/components/app/details/appDetails/AppStatusCard.tsx

@@ -73,7 +73,7 @@ const AppStatusCard = ({ appDetails, status, cardLoading, setDetailed, message }
                 </div>
                 <div className="flex br-4">
                     <figure
-                        className={`${status.toLowerCase()} h-24 w-24`}
+                        className={`dc__app-summary__icon ${status.toLowerCase()} h-24 w-24`}
                         style={{ margin: 'auto', backgroundSize: 'contain, contain' }}
                     />
                 </div>

src/components/app/details/appDetails/appDetails.scss

@@ -1794,9 +1794,11 @@ table.resource-tree {
 
 .source-info-container,
 .app-details-info-card {
-    .healthy {
-        background-size: contain, contain;
-        background: url(../../../../assets/icons/appstatus/ic-heart-green.svg), transparent;
+    .dc__app-summary__icon {
+        &.healthy {
+            background-size: contain, contain;
+            background: url(../../../../assets/icons/appstatus/ic-heart-green.svg), transparent;
+        }
     }
 
     .mw-340 {