diff --git a/landingPages/dataProvider/dataProvider.component.html b/landingPages/dataProvider/dataProvider.component.html
index c3a8fa2c..0020f149 100644
--- a/landingPages/dataProvider/dataProvider.component.html
+++ b/landingPages/dataProvider/dataProvider.component.html
@@ -185,7 +185,7 @@
                       </div>
                     </div>
                     <div *ngIf="dataProviderInfo && hasMetrics" class="uk-width-1-1 uk-width-medium@s">
-                      <div class="landing-metrics-card uk-card uk-card-secondary uk-text-small uk-flex uk-padding-small">
+                      <div class="landing-metrics-card uk-text-small uk-flex uk-padding-small">
                         <div class="uk-width-expand uk-flex uk-flex-middle">
                           <div class="uk-grid uk-grid-small uk-flex-nowrap" uk-grid uk-height-match="target: > div > .cell">
                             <div>
@@ -221,9 +221,9 @@
                             </div>
                           </div>
                         </div>
-                        <div class="uk-width-1-5 uk-flex uk-flex-bottom">
-                          <img src="assets/common-assets/metrics-badge.svg" loading="lazy" alt="Metrics badge">
-                        </div>
+<!--                        <div class="uk-width-1-5 uk-flex uk-flex-bottom">-->
+<!--                          <img src="assets/common-assets/metrics-badge.svg" loading="lazy" alt="Metrics badge">-->
+<!--                        </div>-->
                       </div>
                     </div>
                   </div>
diff --git a/landingPages/project/project.component.html b/landingPages/project/project.component.html
index 482e955b..dc3c5648 100644
--- a/landingPages/project/project.component.html
+++ b/landingPages/project/project.component.html
@@ -318,7 +318,7 @@
                       </div>
                     </div>
                     <div *ngIf="projectInfo && hasMetrics" class="uk-width-1-1 uk-width-medium@s">
-                      <div class="landing-metrics-card uk-card uk-card-secondary uk-text-small uk-flex uk-padding-small">
+                      <div class="landing-metrics-card uk-text-small uk-flex uk-padding-small">
                         <div class="uk-width-expand uk-flex uk-flex-middle">
                           <div class="uk-grid uk-grid-small uk-flex-nowrap" uk-grid uk-height-match="target: > div > .cell">
                             <div>
@@ -354,9 +354,9 @@
                             </div>
                           </div>
                         </div>
-                        <div class="uk-width-1-5 uk-flex uk-flex-bottom">
-                          <img src="assets/common-assets/metrics-badge.svg" loading="lazy" alt="Metrics badge">
-                        </div>
+<!--                        <div class="uk-width-1-5 uk-flex uk-flex-bottom">-->
+<!--                          <img src="assets/common-assets/metrics-badge.svg" loading="lazy" alt="Metrics badge">-->
+<!--                        </div>-->
                       </div>
                     </div>
                   </div>
diff --git a/landingPages/result/resultLanding.component.html b/landingPages/result/resultLanding.component.html
index 3615d1bb..6a93da39 100644
--- a/landingPages/result/resultLanding.component.html
+++ b/landingPages/result/resultLanding.component.html
@@ -378,7 +378,7 @@
         <!-- new metrics box -->
         <div *ngIf="resultLandingInfo && resultLandingInfo.measure && (resultLandingInfo.measure.bip.length || resultLandingInfo.measure.counts.length) && !viewAll"
           class="uk-margin-medium-top uk-padding uk-padding-remove-vertical">
-          <div class="landing-metrics-card uk-card uk-card-secondary uk-text-small uk-flex uk-padding-small">
+          <div class="landing-metrics-card uk-text-small uk-flex uk-padding-small">
             <div class="uk-width-expand uk-flex uk-flex-middle">
               <div class="uk-grid uk-grid-small uk-flex-nowrap" uk-grid uk-height-match="target: > div > .cell">
                 <div>
@@ -442,9 +442,9 @@
                 </div>
               </div>
             </div>
-            <div class="uk-width-1-5 uk-flex uk-flex-bottom">
-              <img src="assets/common-assets/metrics-badge.svg" loading="lazy" alt="Metrics badge">
-            </div>
+<!--            <div class="uk-width-1-5 uk-flex uk-flex-bottom">-->
+<!--              <img src="assets/common-assets/metrics-badge.svg" loading="lazy" alt="Metrics badge">-->
+<!--            </div>-->
           </div>
         </div>
         <div class="uk-margin-medium-top uk-list uk-list-large uk-padding uk-padding-remove-vertical" [class.uk-list-divider]="!viewAll">