diff --git a/src/app/affiliations/affiliations.component.html b/src/app/affiliations/affiliations.component.html
index b52c6d7..5b6f8a7 100644
--- a/src/app/affiliations/affiliations.component.html
+++ b/src/app/affiliations/affiliations.component.html
@@ -37,25 +37,32 @@
   <div *ngIf="communityFirstPage" class="uk-margin-large-top uk-margin uk-text-center uk-text-large uk-text-meta uk-text-bold">
     Related Organizations ({{affiliations.length}})
   </div>
-  <div *ngIf="!fullView" [class]="'uk-position-relative uk-visible-toggle uk-align-center uk-width-'+(affiliations.length >= affiliationsInSlider ? affiliationsInSlider : affiliations.length)+'-'+affiliationsInSlider" tabindex="-1" [attr.uk-slider]="sliderOptions">
-    <ul class="uk-slider-items uk-grid-small" uk-height-match="target: > li > .uk-card" uk-grid>
-      <li *ngFor="let affiliation of affiliations"
-          [class]="'uk-width-1-'+(affiliations.length >= affiliationsInSlider ? affiliationsInSlider : affiliations.length)">
-        <div class="uk-card uk-card-small uk-card-default uk-flex uk-flex-middle uk-flex-center"
-             [attr.uk-tooltip]="(affiliation.name) ? affiliation.name : 'cls: uk-invisible'">
-          <a *ngIf="affiliation.website_url" target="_blank" [href]="affiliation.website_url" class="affiliation-content">
-            <ng-container *ngTemplateOutlet="card; context: { organization: affiliation, fullView: false}"></ng-container>
-          </a>
-          <span *ngIf="!affiliation.website_url" class="affiliation-content">
-            <ng-container *ngTemplateOutlet="card; context: { organization: affiliation}"></ng-container>
-          </span>
-        </div>
-      </li>
-    </ul>
+
+  <div *ngIf="!fullView" [class]="'uk-position-relative uk-visible-toggle'" tabindex="-1" [attr.uk-slider]="sliderOptions">
+    <div [class]="'uk-align-center uk-width-'+(affiliations.length >= affiliationsInSlider ? affiliationsInSlider : affiliations.length)+'-'+affiliationsInSlider">
+      <ul class="uk-slider-items uk-grid-small" uk-height-match="target: > li > .uk-card" uk-grid>
+        <li *ngFor="let affiliation of affiliations"
+            [class]="'affiliation-element uk-width-1-'+(affiliations.length >= affiliationsInSlider ? affiliationsInSlider : affiliations.length)">
+          <div class="uk-card uk-card-small uk-card-default uk-flex uk-flex-middle uk-flex-center"
+               [attr.uk-tooltip]="(affiliation.name) ? affiliation.name : 'cls: uk-invisible'">
+            <a *ngIf="affiliation.website_url" target="_blank" [href]="affiliation.website_url" class="affiliation-content">
+              <ng-container *ngTemplateOutlet="card; context: { organization: affiliation, fullView: false}"></ng-container>
+            </a>
+            <span *ngIf="!affiliation.website_url" class="affiliation-content">
+              <ng-container *ngTemplateOutlet="card; context: { organization: affiliation}"></ng-container>
+            </span>
+          </div>
+        </li>
+      </ul>
+    </div>
+    <!--       [class]="'uk-hidden-hover uk-position-center-left uk-padding uk-height-1-1 uk-flex uk-width-1-'+(affiliations.length >= affiliationsInSlider ? affiliationsInSlider : affiliations.length)"-->
+    <!--    class="uk-position-center-right uk-padding uk-height-1-1 uk-flex"-->
     <a *ngIf="(affiliations.length > affiliationsInSlider) && arrows"
-        class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
+       class="uk-position-center-left uk-padding uk-height-1-1 uk-flex"
+       href="#" uk-slidenav-previous uk-slider-item="previous"></a>
     <a *ngIf="(affiliations.length > affiliationsInSlider) && arrows"
-        class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slider-item="next"></a>
+       class="uk-position-center-right uk-padding uk-height-1-1 uk-flex"
+       href="#" uk-slidenav-next uk-slider-item="next"></a>
   </div>
   <div *ngIf="communityFirstPage" [class]="'uk-align-center uk-width-'+(affiliations.length >= affiliationsInSlider ? affiliationsInSlider : affiliations.length)+'-'+affiliationsInSlider">
     <a routerLink="/organizations" class="uk-align-right uk-link">