diff --git a/landingPages/dataProvider/dataProvider.component.html b/landingPages/dataProvider/dataProvider.component.html
index 4d680001..dc1b08e1 100644
--- a/landingPages/dataProvider/dataProvider.component.html
+++ b/landingPages/dataProvider/dataProvider.component.html
@@ -193,13 +193,21 @@
 															<div *ngIf="totalViews" class="cell uk-flex uk-flex-middle"><icon name="visibility" [ratio]="0.8" [flex]="true"></icon></div>
 														</div>
 														<div>
-															<div *ngIf="totalDownloads" class="cell uk-margin-xsmall-bottom"
-																[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-																[title]="getMetricsTooltip('downloads')">Downloads</div>
-															<div *ngIf="totalViews" class="cell"
-																[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-																[title]="getMetricsTooltip('views')">Views</div>
+															<div *ngIf="totalDownloads" class="cell uk-margin-xsmall-bottom">
+                                <a>Downloads</a>
+                                <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'downloads'}"></ng-container>
+                              </div>
+															<div *ngIf="totalViews" class="cell">
+                                <a>Views</a>
+                                <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'views'}"></ng-container>
+                              </div>
 														</div>
+                            <ng-template #dropInfo let-option=option>
+                              <div class="uk-dropdown" uk-dropdown="pos: bottom-left; mode:click">
+                                <div class="uk-padding-small uk-width-medium" [innerHTML]="getMetricsTooltip(option) | safeHtml">
+                                </div>
+                              </div>
+                            </ng-template>
 														<div class="uk-text-uppercase uk-text-bolder">
 															<div *ngIf="totalDownloads" [attr.uk-tooltip]="totalDownloads >= 1000 ? 'cls: uk-active' : 'cls: uk-invisible'" 
 																title="{{totalDownloads | number}}" class="cell uk-margin-xsmall-bottom">{{formatNumber(totalDownloads)}}</div>
@@ -783,10 +791,14 @@
 					<div class="uk-grid-divider" uk-grid>
 						<div>
 							<div class="uk-text-center uk-margin-small-bottom">
-								<img src="assets/common-assets/logo-small-usage-counts.png" loading="lazy" alt="OpenAIRE UsageCounts">
+                <a href='https://usagecounts.openaire.eu/' target='_blank'>
+                  <img src="assets/common-assets/logo-small-usage-counts.png" loading="lazy" alt="OpenAIRE UsageCounts">
+                </a>
 							</div>
 							<span class="uk-text-uppercase uk-text-xsmall">Usage by</span>
-							<span class="uk-display-block uk-text-bolder">UsageCounts</span>
+							<span class="uk-display-block uk-text-bolder">
+                <a href='https://usagecounts.openaire.eu/' target='_blank' class="uk-link-reset">UsageCounts</a>
+              </span>
 						</div>
 						<div>
 							<table class="uk-table uk-table-small">
@@ -854,7 +866,9 @@
 				</div>
 				<div class="uk-text-center uk-margin-large-top">
 					<span class="uk-text-meta">Powered by</span>
-					<img class="uk-margin-small-left uk-margin-small-right uk-width-small" src="assets/common-assets/logo-large-usage-counts.png" loading="lazy" alt="OpenAIRE UsageCounts">
+          <a href='https://usagecounts.openaire.eu/' target='_blank'>
+            <img class="uk-margin-small-left uk-margin-small-right uk-width-small" src="assets/common-assets/logo-large-usage-counts.png" loading="lazy" alt="OpenAIRE UsageCounts">
+          </a>
 				</div>
 			</li>
 		</ul>
diff --git a/landingPages/dataProvider/dataProvider.component.ts b/landingPages/dataProvider/dataProvider.component.ts
index fe155c9f..b0aa6c07 100644
--- a/landingPages/dataProvider/dataProvider.component.ts
+++ b/landingPages/dataProvider/dataProvider.component.ts
@@ -916,9 +916,9 @@ export class DataProviderComponent {
 
 	public getMetricsTooltip(value: string) {
 		if (value == 'downloads') {
-			return "<div class='uk-flex uk-flex-middle'><img class='uk-margin-small-right' src='assets/common-assets/logo-small-usage-counts.png' loading='lazy' alt='OpenAIRE UsageCounts' style='width: 40px; height: 40px;'><span class='uk-text-uppercase'>Downloads provided by <strong>UsageCounts</strong></div>";
+			return "<div class='uk-flex uk-flex-middle'><a href='https://usagecounts.openaire.eu/' target='_blank'><img src='assets/common-assets/logo-small-usage-counts.png' loading='lazy' alt='OpenAIRE UsageCounts'></a><span class='uk-text-uppercase uk-margin-small-left'>Downloads provided by <a href='https://usagecounts.openaire.eu/' target='_blank' class='uk-link-reset'><strong>UsageCounts</strong></a></div>";
 		} else if (value == 'views') {
-			return "<div class='uk-flex uk-flex-middle'><img class='uk-margin-small-right' src='assets/common-assets/logo-small-usage-counts.png' loading='lazy' alt='OpenAIRE UsageCounts' style='width: 40px; height: 40px;'><span class='uk-text-uppercase'>Views provided by <strong>UsageCounts</strong></div>";
+			return "<div class='uk-flex uk-flex-middle'><a href='https://usagecounts.openaire.eu/' target='_blank'><img class='uk-margin-small-right' src='assets/common-assets/logo-small-usage-counts.png' loading='lazy' alt='OpenAIRE UsageCounts'></a><span class='uk-text-uppercase uk-margin-small-left'>Views provided by <a href='https://usagecounts.openaire.eu/' target='_blank' class='uk-link-reset'><strong>UsageCounts</strong></a></div>";
 		}
 	}
 }
diff --git a/landingPages/dataProvider/dataProvider.module.ts b/landingPages/dataProvider/dataProvider.module.ts
index 2127302f..1ec1f0e2 100644
--- a/landingPages/dataProvider/dataProvider.module.ts
+++ b/landingPages/dataProvider/dataProvider.module.ts
@@ -35,6 +35,7 @@ import {graph} from "../../utils/icons/icons";
 import {LoadingModalModule} from "../../utils/modal/loadingModal.module";
 import {ResultLandingUtilsModule} from "../landing-utils/resultLandingUtils.module";
 import {FullScreenModalModule} from '../../utils/modal/full-screen-modal/full-screen-modal.module';
+import {SafeHtmlPipeModule} from '../../utils/pipes/safeHTMLPipe.module';
 
 @NgModule({
   imports:
@@ -44,7 +45,7 @@ import {FullScreenModalModule} from '../../utils/modal/full-screen-modal/full-sc
       PagingModule, Schema2jsonldModule, SEOServiceModule, ShowPublisherModule, HelperModule,
       LandingHeaderModule, AlertModalModule, NoLoadPaging, FeedbackModule,
       TabsModule, SearchTabModule, LoadingModule, IconsModule, LoadingModalModule, ResultLandingUtilsModule,
-			FullScreenModalModule
+			FullScreenModalModule, SafeHtmlPipeModule
     ],
   declarations:
   [StatisticsTabComponent,
diff --git a/landingPages/project/project.component.html b/landingPages/project/project.component.html
index ed222a09..e170b407 100644
--- a/landingPages/project/project.component.html
+++ b/landingPages/project/project.component.html
@@ -347,13 +347,21 @@
 															<div *ngIf="totalViews" class="cell uk-flex uk-flex-middle"><icon name="visibility" [ratio]="0.8" [flex]="true"></icon></div>
 														</div>
 														<div>
-															<div *ngIf="totalDownloads" class="cell uk-margin-xsmall-bottom"
-																[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-																[title]="getMetricsTooltip('downloads')">Downloads</div>
-															<div *ngIf="totalViews" class="cell"
-																[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-																[title]="getMetricsTooltip('views')">Views</div>
+															<div *ngIf="totalDownloads" class="cell uk-margin-xsmall-bottom">
+                                <a>Downloads</a>
+                                <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'downloads'}"></ng-container>
+                              </div>
+															<div *ngIf="totalViews" class="cell">
+                                <a>Views</a>
+                                <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'views'}"></ng-container>
+                              </div>
 														</div>
+                            <ng-template #dropInfo let-option=option>
+                              <div class="uk-dropdown" uk-dropdown="pos: bottom-left; mode:click">
+                                <div class="uk-padding-small uk-width-medium" [innerHTML]="getMetricsTooltip(option) | safeHtml">
+                                </div>
+                              </div>
+                            </ng-template>
 														<div class="uk-text-uppercase uk-text-bolder">
 															<div *ngIf="totalDownloads" [attr.uk-tooltip]="totalDownloads >= 1000 ? 'cls: uk-active' : 'cls: uk-invisible'" 
 																title="{{totalDownloads | number}}" class="cell uk-margin-xsmall-bottom">{{formatNumber(totalDownloads)}}</div>
@@ -867,10 +875,14 @@
 					<div class="uk-grid-divider" uk-grid>
 						<div>
 							<div class="uk-text-center uk-margin-small-bottom">
-								<img src="assets/common-assets/logo-small-usage-counts.png" loading="lazy" alt="OpenAIRE UsageCounts">
+                <a href='https://usagecounts.openaire.eu/' target='_blank'>
+                  <img src="assets/common-assets/logo-small-usage-counts.png" loading="lazy" alt="OpenAIRE UsageCounts">
+                </a>
 							</div>
 							<span class="uk-text-uppercase uk-text-xsmall">Usage by</span>
-							<span class="uk-display-block uk-text-bolder">UsageCounts</span>
+							<span class="uk-display-block uk-text-bolder">
+                <a href='https://usagecounts.openaire.eu/' target='_blank' class="uk-link-reset">UsageCounts</a>
+              </span>
 						</div>
 						<div>
 							<table class="uk-table uk-table-small">
@@ -936,7 +948,9 @@
 				</div>
 				<div class="uk-text-center uk-margin-large-top">
 					<span class="uk-text-meta">Powered by</span>
-					<img class="uk-margin-small-left uk-margin-small-right uk-width-small" src="assets/common-assets/logo-large-usage-counts.png" loading="lazy" alt="OpenAIRE UsageCounts">
+          <a href='https://usagecounts.openaire.eu/' target='_blank'>
+            <img class="uk-margin-small-left uk-margin-small-right uk-width-small" src="assets/common-assets/logo-large-usage-counts.png" loading="lazy" alt="OpenAIRE UsageCounts">
+          </a>
 				</div>
 			</li>
 		</ul>
diff --git a/landingPages/project/project.component.ts b/landingPages/project/project.component.ts
index b94eafa8..002339b2 100644
--- a/landingPages/project/project.component.ts
+++ b/landingPages/project/project.component.ts
@@ -1043,9 +1043,9 @@ export class ProjectComponent {
 
 	public getMetricsTooltip(value: string) {
 		if (value == 'downloads') {
-			return "<div class='uk-flex uk-flex-middle'><img class='uk-margin-small-right' src='assets/common-assets/logo-small-usage-counts.png' loading='lazy' alt='OpenAIRE UsageCounts' style='width: 40px; height: 40px;'><span class='uk-text-uppercase'>Downloads provided by <strong>UsageCounts</strong></div>";
+			return "<div class='uk-flex uk-flex-middle'><a href='https://usagecounts.openaire.eu/' target='_blank'><img src='assets/common-assets/logo-small-usage-counts.png' loading='lazy' alt='OpenAIRE UsageCounts'></a><span class='uk-text-uppercase uk-margin-small-left'>Downloads provided by <a href='https://usagecounts.openaire.eu/' target='_blank' class='uk-link-reset'><strong>UsageCounts</strong></a></div>";
 		} else if (value == 'views') {
-			return "<div class='uk-flex uk-flex-middle'><img class='uk-margin-small-right' src='assets/common-assets/logo-small-usage-counts.png' loading='lazy' alt='OpenAIRE UsageCounts' style='width: 40px; height: 40px;'><span class='uk-text-uppercase'>Views provided by <strong>UsageCounts</strong></div>";
+			return "<div class='uk-flex uk-flex-middle'><a href='https://usagecounts.openaire.eu/' target='_blank'><img class='uk-margin-small-right' src='assets/common-assets/logo-small-usage-counts.png' loading='lazy' alt='OpenAIRE UsageCounts'></a><span class='uk-text-uppercase uk-margin-small-left'>Views provided by <a href='https://usagecounts.openaire.eu/' target='_blank' class='uk-link-reset'><strong>UsageCounts</strong></a></div>";
 		}
 	}
 }
diff --git a/landingPages/project/project.module.ts b/landingPages/project/project.module.ts
index 18f201ea..617e3d85 100644
--- a/landingPages/project/project.module.ts
+++ b/landingPages/project/project.module.ts
@@ -33,6 +33,7 @@ import {InputModule} from "../../sharedComponents/input/input.module";
 import {IconsService} from "../../utils/icons/icons.service";
 import {graph, link, link_to, open_access} from "../../utils/icons/icons";
 import {FullScreenModalModule} from '../../utils/modal/full-screen-modal/full-screen-modal.module';
+import {SafeHtmlPipeModule} from '../../utils/pipes/safeHTMLPipe.module';
 
 @NgModule({
   imports: [
@@ -43,7 +44,7 @@ import {FullScreenModalModule} from '../../utils/modal/full-screen-modal/full-sc
     Schema2jsonldModule, SEOServiceModule, HelperModule,
     LandingHeaderModule, MatSelectModule, FeedbackModule, AltMetricsModule,
     TabsModule, SearchTabModule, LoadingModule, IconsModule, InputModule,
-		FullScreenModalModule
+		FullScreenModalModule, SafeHtmlPipeModule
   ],
   declarations: [
     ProjectComponent
diff --git a/landingPages/result/resultLanding.component.html b/landingPages/result/resultLanding.component.html
index 967646dc..4595057b 100644
--- a/landingPages/result/resultLanding.component.html
+++ b/landingPages/result/resultLanding.component.html
@@ -385,21 +385,26 @@
 									<div *ngIf="resultLandingInfo.measure.views" class="cell uk-flex uk-flex-middle"><icon name="visibility" [ratio]="0.8" [flex]="true"></icon></div>
 								</div>
 								<div>
-									<div *ngIf="resultLandingInfo.measure.citations" class="cell uk-margin-xsmall-bottom"
-										[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-										[title]="getMetricsTooltip('citations', false)">Citations</div>
-									<div *ngIf="resultLandingInfo.measure.popularity" class="cell uk-margin-xsmall-bottom"
-										[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-										[title]="getMetricsTooltip('popularity', false)">Popularity</div>
-									<div *ngIf="resultLandingInfo.measure.influence" class="cell uk-margin-xsmall-bottom"
-										[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-										[title]="getMetricsTooltip('influence', false)">Influence</div>
-									<div *ngIf="resultLandingInfo.measure.downloads" class="cell uk-margin-xsmall-bottom"
-										[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-										[title]="getMetricsTooltip('downloads', false)">Downloads</div>
-									<div *ngIf="resultLandingInfo.measure.views" class="cell"
-										[attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-										[title]="getMetricsTooltip('views', false)">Views</div>
+									<div *ngIf="resultLandingInfo.measure.citations" class="cell uk-margin-xsmall-bottom">
+                    <a>Citations</a>
+                    <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'citations', isCompact: false}"></ng-container>
+                  </div>
+									<div *ngIf="resultLandingInfo.measure.popularity" class="cell uk-margin-xsmall-bottom">
+                    <a>Popularity</a>
+                    <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'popularity', isCompact: false}"></ng-container>
+                  </div>
+									<div *ngIf="resultLandingInfo.measure.influence" class="cell uk-margin-xsmall-bottom">
+                    <a>Influence</a>
+                    <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'influence', isCompact: false}"></ng-container>
+                  </div>
+									<div *ngIf="resultLandingInfo.measure.downloads" class="cell uk-margin-xsmall-bottom">
+                    <a>Downloads</a>
+                    <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'downloads', isCompact: false}"></ng-container>
+                  </div>
+									<div *ngIf="resultLandingInfo.measure.views" class="cell">
+                    <a>Views</a>
+                    <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'views', isCompact: false}"></ng-container>
+                  </div>
 								</div>
 								<div class="uk-text-uppercase uk-text-bolder">
 									<div *ngIf="resultLandingInfo.measure.citations" [attr.uk-tooltip]="resultLandingInfo.measure.citations >= 1000 ? 'cls: uk-active' : 'cls: uk-invisible'" 
@@ -1006,11 +1011,15 @@
             <div class="uk-grid-divider" uk-grid>
               <div>
                 <div class="uk-text-center uk-margin-small-bottom">
-                  <img src="assets/common-assets/bip-minimal.svg" loading="lazy" alt="BIP!"
-                       style="width: 61px; height: 43px;">
+                  <a href='https://bip.imsi.athenarc.gr/' target='_blank'>
+                    <img src="assets/common-assets/bip-minimal.svg" loading="lazy" alt="BIP!"
+                         style="width: 61px; height: 43px;">
+                  </a>
                 </div>
                 <span class="uk-text-uppercase uk-text-xsmall">Impact by</span>
-                <span class="uk-display-block uk-text-bolder">BIP!</span>
+                <span class="uk-display-block uk-text-bolder">
+                  <a href='https://bip.imsi.athenarc.gr/' target='_blank' class='uk-link-reset'>BIP!</a>
+                </span>
               </div>
               <div>
                 <table class="uk-table uk-table-small">
@@ -1019,9 +1028,9 @@
                     <td class="uk-padding-remove-top">
                       <icon name="cite" [flex]="true" [customClass]="'bip-icon'"></icon>
                     </td>
-                    <td class="uk-padding-remove-top" [attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-											[title]="getMetricsTooltip('citations', true)">
-                      Citations
+                    <td class="uk-padding-remove-top">
+                      <a class="uk-link uk-link-text">Citations</a>
+                      <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'citations', isCompact: true}"></ng-container>
                     </td>
                     <td class="uk-padding-remove-top uk-text-uppercase uk-text-bolder">
                       {{formatNumber(resultLandingInfo.measure.citations)}}
@@ -1031,9 +1040,9 @@
                     <td>
                       <icon name="fire" [flex]="true" [customClass]="'bip-icon'"></icon>
                     </td>
-                    <td [attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-											[title]="getMetricsTooltip('popularity', true)">
-                      Popularity
+                    <td>
+                      <a class="uk-link uk-link-text">Popularity</a>
+                      <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'popularity', isCompact: true}"></ng-container>
                     </td>
                     <td class="uk-text-uppercase uk-text-bolder">
                       {{resultLandingInfo.measure.popularity}}
@@ -1043,9 +1052,9 @@
                     <td>
                       <icon name="landmark" [flex]="true" [customClass]="'bip-icon'"></icon>
                     </td>
-                    <td [attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-											[title]="getMetricsTooltip('influence', true)">
-                      Influence
+                    <td>
+                      <a class="uk-link uk-link-text">Influence</a>
+                      <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'influence', isCompact: true}"></ng-container>
                     </td>
                     <td class="uk-text-uppercase uk-text-bolder">
                       {{resultLandingInfo.measure.influence}}
@@ -1055,9 +1064,9 @@
                     <td class="uk-padding-remove-bottom">
                       <icon name="rocket" [flex]="true" [customClass]="'bip-icon'"></icon>
                     </td>
-                    <td class="uk-padding-remove-bottom" [attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-											[title]="getMetricsTooltip('impulse', true)">
-                      Impulse
+                    <td class="uk-padding-remove-bottom">
+                      <a class="uk-link uk-link-text">Impulse</a>
+                      <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'impulse', isCompact: true}"></ng-container>
                     </td>
                     <td class="uk-padding-remove-bottom uk-text-uppercase uk-text-bolder">
                       {{resultLandingInfo.measure.impulse}}
@@ -1075,10 +1084,14 @@
             <div class="uk-grid-divider" uk-grid>
               <div>
                 <div class="uk-text-center uk-margin-small-bottom">
-                  <img src="assets/common-assets/logo-small-usage-counts.png" loading="lazy" alt="OpenAIRE UsageCounts">
+                  <a href='https://usagecounts.openaire.eu/' target='_blank'>
+                    <img src="assets/common-assets/logo-small-usage-counts.png" loading="lazy" alt="OpenAIRE UsageCounts">
+                  </a>
                 </div>
                 <span class="uk-text-uppercase uk-text-xsmall">Usage by</span>
-                <span class="uk-display-block uk-text-bolder">UsageCounts</span>
+                <span class="uk-display-block uk-text-bolder">
+                  <a href='https://usagecounts.openaire.eu/' target='_blank' class="uk-link-reset">UsageCounts</a>
+                </span>
               </div>
               <div>
                 <table class="uk-table uk-table-small">
@@ -1126,9 +1139,9 @@
                 <td class="uk-padding-remove-top">
                   <icon name="cite" [flex]="true" [customClass]="'bip-icon'"></icon>
                 </td>
-                <td class="uk-padding-remove-top" [attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-									[title]="getMetricsTooltip('citations', true)">
-                  Citations
+                <td class="uk-padding-remove-top">
+                  <a class="uk-link uk-link-text">Citations</a>
+                  <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'citations', isCompact: true}"></ng-container>
                 </td>
                 <td class="uk-padding-remove-top uk-text-uppercase uk-text-bolder">
                   {{formatNumber(resultLandingInfo.measure.citations)}}
@@ -1138,9 +1151,9 @@
                 <td>
                   <icon name="fire" [flex]="true" [customClass]="'bip-icon'"></icon>
                 </td>
-                <td [attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-									[title]="getMetricsTooltip('popularity', true)">
-                  Popularity
+                <td>
+                  <a class="uk-link uk-link-text">Popularity</a>
+                  <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'popularity', isCompact: true}"></ng-container>
                 </td>
                 <td class="uk-text-uppercase uk-text-bolder">
                   {{resultLandingInfo.measure.popularity}}
@@ -1150,9 +1163,9 @@
                 <td>
                   <icon name="landmark" [flex]="true" [customClass]="'bip-icon'"></icon>
                 </td>
-                <td [attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-									[title]="getMetricsTooltip('influence', true)">
-                  Influence
+                <td>
+                  <a class="uk-link uk-link-text">Influence</a>
+                  <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'influence', isCompact: true}"></ng-container>
                 </td>
                 <td class="uk-text-uppercase uk-text-bolder">
                   {{resultLandingInfo.measure.influence}}
@@ -1162,9 +1175,9 @@
                 <td class="uk-padding-remove-bottom">
                   <icon name="rocket" [flex]="true" [customClass]="'bip-icon'"></icon>
                 </td>
-                <td class="uk-padding-remove-bottom" [attr.uk-tooltip]="'pos: bottom; cls: uk-active uk-text-small uk-padding-small uk-width-medium'"
-									[title]="getMetricsTooltip('impulse', true)">
-                  Impulse
+                <td>
+                  <a class="uk-link uk-link-text">Impulse</a>
+                  <ng-container *ngTemplateOutlet="dropInfo; context: {option: 'impulse', isCompact: true}"></ng-container>
                 </td>
                 <td class="uk-padding-remove-bottom uk-text-uppercase uk-text-bolder">
                   {{resultLandingInfo.measure.impulse}}
@@ -1180,9 +1193,11 @@
         </div>
         <div class="uk-text-center" [ngClass]="bipFrameUrl ? 'uk-margin-top' : 'uk-margin-large-top'">
           <span class="uk-text-meta">Powered by</span>
-          <img class="uk-margin-small-left uk-margin-small-right" src="assets/common-assets/bip-minimal.svg" loading="lazy" alt="BIP!"
-               style="width: 61px; height: 43px;">
-          <span class="uk-text-bolder">BIP!</span>
+          <a href='https://bip.imsi.athenarc.gr/' target='_blank' class='uk-link-reset'>
+            <img class="uk-margin-small-left uk-margin-small-right" src="assets/common-assets/bip-minimal.svg" loading="lazy" alt="BIP!"
+                 style="width: 61px; height: 43px;">
+            <span class="uk-text-bolder">BIP!</span>
+          </a>
         </div>
       </li>
       <!-- social -->
@@ -1221,13 +1236,22 @@
         </div>
         <div class="uk-text-center uk-margin-large-top">
           <span class="uk-text-meta">Powered by</span>
-          <img class="uk-margin-small-left uk-margin-small-right uk-width-small" src="assets/common-assets/logo-large-usage-counts.png" loading="lazy" alt="OpenAIRE UsageCounts">
+          <a href='https://usagecounts.openaire.eu/' target='_blank' class="uk-link-reset">
+            <img class="uk-margin-small-left uk-margin-small-right uk-width-small" src="assets/common-assets/logo-large-usage-counts.png" loading="lazy" alt="OpenAIRE UsageCounts">
+          </a>
         </div>
       </li>
     </ul>
   </div>
 </ng-template>
 
+<ng-template #dropInfo let-option=option let-isCompact=isCompact>
+  <div class="default-dropdown uk-dropdown" uk-dropdown="pos: bottom-left; mode:click">
+    <div class="uk-padding-small uk-width-medium" [innerHTML]="getMetricsTooltip(option, isCompact) | safeHtml">
+    </div>
+  </div>
+</ng-template>
+
 <fs-modal *ngIf="resultLandingInfo && resultLandingInfo.deletedByInferenceIds" #AlertModalDeletedByInferenceFS classTitle="uk-tile-default uk-border-bottom">
   <deletedByInference *ngIf="type == 'publication' && deleteByInferenceOpened"
                       [id]="resultLandingInfo.record['result']['header']['dri:objIdentifier']"
diff --git a/landingPages/result/resultLanding.component.ts b/landingPages/result/resultLanding.component.ts
index cea43aa3..798395a7 100644
--- a/landingPages/result/resultLanding.component.ts
+++ b/landingPages/result/resultLanding.component.ts
@@ -1069,15 +1069,15 @@ export class ResultLandingComponent {
 			}
 		} else {
 			if (value == 'citations') {
-				return "<div>This is an alternative to the \"Influence\" indicator, which also reflects the overall/total impact of an article in the research community at large, based on the underlying citation network (diachronically).</div><div class='uk-flex uk-margin-top'><img class='uk-margin-small-right' src='assets/common-assets/bip-minimal.svg' loading='lazy' alt='BIP!' style='width: 40px;'><span class='uk-text-uppercase'>Citations provided by <strong>BIP!</strong></div>";
+				return "<div>This is an alternative to the \"Influence\" indicator, which also reflects the overall/total impact of an article in the research community at large, based on the underlying citation network (diachronically).</div><div class='uk-flex uk-margin-top'><a href='https://bip.imsi.athenarc.gr/' target='_blank'><img class='uk-margin-small-right' src='assets/common-assets/bip-minimal.svg' loading='lazy' alt='BIP!' style='width: 40px;'></a><span class='uk-text-uppercase'>Citations provided by <a href='https://bip.imsi.athenarc.gr/' target='_blank' class='uk-link-reset'><strong>BIP!</strong></a></div>";
 			} else if (value == 'popularity') {
-				return "<div>This indicator reflects the \"current\" impact/attention (the \"hype\") of an article in the research community at large, based on the underlying citation network.</div><div class='uk-flex uk-margin-top'><img class='uk-margin-small-right' src='assets/common-assets/bip-minimal.svg' loading='lazy' alt='BIP!' style='width: 40px;'><span class='uk-text-uppercase'>Popularity provided by <strong>BIP!</strong></div>";
+				return "<div>This indicator reflects the \"current\" impact/attention (the \"hype\") of an article in the research community at large, based on the underlying citation network.</div><div class='uk-flex uk-margin-top'><a href='https://bip.imsi.athenarc.gr/' target='_blank'><img class='uk-margin-small-right' src='assets/common-assets/bip-minimal.svg' loading='lazy' alt='BIP!' style='width: 40px;'></a><span class='uk-text-uppercase'>Popularity provided by <a href='https://bip.imsi.athenarc.gr/' target='_blank' class='uk-link-reset'><strong>BIP!</strong></a></div>";
 			} else if (value == 'influence') {
-				return "<div>This indicator reflects the overall/total impact of an article in the research community at large, based on the underlying citation network (diachronically).</div><div class='uk-flex uk-margin-top'><img class='uk-margin-small-right' src='assets/common-assets/bip-minimal.svg' loading='lazy' alt='BIP!' style='width: 40px;'><span class='uk-text-uppercase'>Influence provided by <strong>BIP!</strong></div>";
+				return "<div>This indicator reflects the overall/total impact of an article in the research community at large, based on the underlying citation network (diachronically).</div><div class='uk-flex uk-margin-top'><a href='https://bip.imsi.athenarc.gr/' target='_blank'><img class='uk-margin-small-right' src='assets/common-assets/bip-minimal.svg' loading='lazy' alt='BIP!' style='width: 40px;'></a><span class='uk-text-uppercase'>Influence provided by <a href='https://bip.imsi.athenarc.gr/' target='_blank' class='uk-link-reset'><strong>BIP!</strong></a></div>";
 			} else if (value == 'downloads') {
-				return "<div class='uk-flex uk-flex-middle'><img class='uk-margin-small-right' src='assets/common-assets/logo-small-usage-counts.png' loading='lazy' alt='OpenAIRE UsageCounts' style='width: 40px; height: 40px;'><span class='uk-text-uppercase'>Downloads provided by <strong>UsageCounts</strong></div>";
+				return "<div class='uk-flex uk-flex-middle'><a href='https://usagecounts.openaire.eu/' target='_blank'><img src='assets/common-assets/logo-small-usage-counts.png' loading='lazy' alt='OpenAIRE UsageCounts'></a><span class='uk-text-uppercase uk-margin-small-left'>Downloads provided by <a href='https://usagecounts.openaire.eu/' target='_blank' class='uk-link-reset'><strong>UsageCounts</strong></a></div>";
 			} else if (value == 'views') {
-				return "<div class='uk-flex uk-flex-middle'><img class='uk-margin-small-right' src='assets/common-assets/logo-small-usage-counts.png' loading='lazy' alt='OpenAIRE UsageCounts' style='width: 40px; height: 40px;'><span class='uk-text-uppercase'>Views provided by <strong>UsageCounts</strong></div>";
+				return "<div class='uk-flex uk-flex-middle'><a href='https://usagecounts.openaire.eu/' target='_blank'><img src='assets/common-assets/logo-small-usage-counts.png' loading='lazy' alt='OpenAIRE UsageCounts'></a><span class='uk-text-uppercase uk-margin-small-left'>Views provided by <a href='https://usagecounts.openaire.eu/' target='_blank' class='uk-link-reset'><strong>UsageCounts</strong></a></div>";
 			}
 		}
 	}
diff --git a/landingPages/result/resultLanding.module.ts b/landingPages/result/resultLanding.module.ts
index 02cb04af..3ca8944a 100644
--- a/landingPages/result/resultLanding.module.ts
+++ b/landingPages/result/resultLanding.module.ts
@@ -39,6 +39,7 @@ import {EGIDataTransferModule} from "../../utils/dataTransfer/transferData.modul
 import {RecaptchaModule} from 'ng-recaptcha';
 import {SdgFosSuggestModule} from '../landing-utils/sdg-fos-suggest/sdg-fos-suggest.module';
 import {FullScreenModalModule} from "../../utils/modal/full-screen-modal/full-screen-modal.module";
+import {SafeHtmlPipeModule} from '../../utils/pipes/safeHTMLPipe.module';
 
 @NgModule({
   imports: [
@@ -48,7 +49,7 @@ import {FullScreenModalModule} from "../../utils/modal/full-screen-modal/full-sc
     DeletedByInferenceModule, ShowAuthorsModule, HelperModule, ResultLandingUtilsModule, AlertModalModule,
     AnnotationModule, LandingHeaderModule, NoLoadPaging, ResultPreviewModule, FeedbackModule, TabsModule, LoadingModule,
     OrcidModule, MatFormFieldModule, MatSelectModule, IconsModule, InputModule, EGIDataTransferModule, RecaptchaModule,
-		SdgFosSuggestModule, FullScreenModalModule
+		SdgFosSuggestModule, FullScreenModalModule, SafeHtmlPipeModule
   ],
   declarations: [
     ResultLandingComponent