diff --git a/landingPages/landing-utils/metrics/metrics.component.ts b/landingPages/landing-utils/metrics/metrics.component.ts
index a789799f..a462671d 100644
--- a/landingPages/landing-utils/metrics/metrics.component.ts
+++ b/landingPages/landing-utils/metrics/metrics.component.ts
@@ -11,14 +11,13 @@ import {ClickEvent} from "../../../utils/click/click-outside-or-esc.directive";
   selector: 'metrics',
   styleUrls: ['metrics.component.css'],
   template: `
-    <div *ngIf="metrics && (pageViews >0 || metrics.totalViews > 0|| metrics.totalDownloads >0)" class="metrics"
-         click-outside-or-esc (clickOutside)="close($event)">
+    <div *ngIf="metrics && (pageViews >0 || metrics.totalViews > 0|| metrics.totalDownloads >0)" class="metrics">
       <a class="m-badge uk-link-reset uk-display-block">
         <img src="assets/common-assets/logo-small-usage-counts.png" loading="lazy" alt="usage counts">
         <div class="number">{{total | number}}</div>
       </a>
-      <div class="uk-dropdown uk-background-default" uk-dropdown="pos: right-top; mode: click; offset: 30">
-        <div class="uk-padding-small uk-width-large@l uk-width-medium">
+      <div class="uk-dropdown uk-background-default" uk-dropdown="pos: right-top; mode: click; offset: 30; animation: uk-animation-fade">
+        <div class="uk-padding-small uk-width-large@s uk-width-medium">
           <div *ngIf="entityType == 'projects'" class="uk-alert uk-alert-primary uk-margin-small-bottom">
             <span class="uk-text-center uk-text-small">Project metrics
               are derived from aggregating individual research results metrics.
diff --git a/landingPages/landing-utils/metrics/metrics.module.ts b/landingPages/landing-utils/metrics/metrics.module.ts
index 37a1fb4f..10f5391d 100644
--- a/landingPages/landing-utils/metrics/metrics.module.ts
+++ b/landingPages/landing-utils/metrics/metrics.module.ts
@@ -9,12 +9,11 @@ import {MetricsService} from '../../../services/metrics.service';
 
 import {ErrorMessagesModule} from '../../../utils/errorMessages.module';
 import {IFrameModule} from "../../../utils/iframe.module";
-import {ClickModule} from "../../../utils/click/click.module";
 import {IconsModule} from "../../../utils/icons/icons.module";
 
 @NgModule({
   imports: [
-    CommonModule, FormsModule, ErrorMessagesModule, IFrameModule, ClickModule, IconsModule
+    CommonModule, FormsModule, ErrorMessagesModule, IFrameModule, IconsModule
   ],
   declarations: [
     MetricsComponent