diff --git a/landingPages/landing-utils/availableOn.component.ts b/landingPages/landing-utils/availableOn.component.ts
index d5aae48a..a89eb3c3 100644
--- a/landingPages/landing-utils/availableOn.component.ts
+++ b/landingPages/landing-utils/availableOn.component.ts
@@ -8,7 +8,8 @@ import {properties} from "../../../../environments/environment";
   selector: 'availableOn',
   template: `
     <div class="download-from uk-height-max-large uk-overflow-auto uk-margin-small-bottom">
-      <div *ngFor="let available of availableOn.slice(0, showNum) let i=index"
+      <a *ngFor="let available of availableOn.slice(0, showNum) let i=index"
+           [href]="available.downloadUrl[0]" target="_blank"
            class="uk-flex uk-flex-top"
            [title]="available.bestAccessMode ? available.bestAccessMode : 'Not available'">
         <span class="uk-margin-small-right">
@@ -22,11 +23,11 @@ import {properties} from "../../../../environments/environment";
                [{{(i + 1) | number}}]
             </a>
           </span>
-          <a *ngIf="available.downloadUrl.length === 1" [href]="available.downloadUrl[0]"
-             class="title" target="_blank">
+          <span *ngIf="available.downloadUrl.length === 1"
+             class="title">
             {{available.downloadName}}
             <span class="custom-external custom-icon space"></span>
-          </a>
+          </span>
           <span *ngIf="!available.downloadUrl || available.downloadUrl.length === 0" class="title">
             {{available.downloadName}}
           </span>
@@ -35,27 +36,26 @@ import {properties} from "../../../../environments/environment";
             <span *ngIf="removeUnknown(available.type) && available.year"> . </span>
             <span *ngIf="available.year">{{available.year}}</span>
           </div>
-          <div *ngIf="available.collectedName" class="provider">
+          <div *ngIf="available.collectedName">
             <span>Provider: </span>
-            <a *ngIf="available.collectedId" [routerLink]="dataProviderUrl" [queryParams]="{datasourceId: available.collectedId}">
-              {{available.collectedName}}
-            </a>
-            <span *ngIf="!available.collectedId">
+            <span>
               {{available.collectedName}}
             </span>
           </div>
         </div>
-      </div>
+      </a>
     </div>
-    <div *ngIf="showNum > threshold" class="uk-text-center uk-margin-bottom">
-      <a (click)="showNum = threshold;">
-        View less
+    <div *ngIf="showNum > threshold" class="uk-margin-bottom">
+      <a (click)="showNum = threshold;" class="uk-flex uk-flex-middle uk-flex-center">
+        <span>View less</span>
+        <span class="space" uk-icon="chevron-down"></span>
       </a>
     </div>
     <!--    <div *ngIf="showNum == threshold && availableOn && availableOn.length > 5">...</div>-->
-    <div *ngIf="showNum == threshold && availableOn && availableOn.length > 5" class="uk-text-center uk-margin-bottom">
-      <a (click)="showNum = availableOn.length;">
-        View more
+    <div *ngIf="showNum == threshold && availableOn && availableOn.length > 5" class="uk-margin-bottom">
+      <a (click)="showNum = availableOn.length;" class="uk-flex uk-flex-middle uk-flex-center">
+        <span>View more</span>
+        <span class="space" uk-icon="chevron-down"></span>
       </a>
     </div>
   `