diff --git a/landingPages/dataProvider/dataProvider.component.html b/landingPages/dataProvider/dataProvider.component.html
index 5f3841b1..f97e0b6d 100644
--- a/landingPages/dataProvider/dataProvider.component.html
+++ b/landingPages/dataProvider/dataProvider.component.html
@@ -36,7 +36,7 @@
               </div>
               <!-- Labels -->
               <div class="uk-margin-small-top">
-                <span *ngIf="dataProviderInfo.compatibility" class="uk-label custom-label label-compatibility"
+                <span *ngIf="dataProviderInfo.compatibility" class="uk-label custom-label label-compatibility uk-text-truncate"
                       title="Compatibility">
                   <a *ngIf="!dataProviderInfo.compatibility.name && dataProviderInfo.compatibility.id"
                      [queryParams]="{datasourceId: dataProviderInfo.compatibility.id}" routerLinkActive="router-link-active"
diff --git a/landingPages/project/project.component.html b/landingPages/project/project.component.html
index bf064e92..6b559786 100644
--- a/landingPages/project/project.component.html
+++ b/landingPages/project/project.component.html
@@ -106,19 +106,17 @@
             <div class="uk-margin-top uk-margin-bottom">
               <span
                   *ngIf="projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets"
-                  class="uk-label custom-label  label-open"
-                  title="Open Access mandate for Publications and Research Data">
-                <span class="uk-visible@m">Open Access mandate for Publications and Research Data</span>
-                <span class="uk-hidden@m">Open Access mandate for ...</span>
+                  class="uk-label custom-label  label-open uk-text-truncate"
+                  title="Open Access mandate for Publications and Research Data">Open Access mandate for Publications and Research Data
               </span>{{" "}}
               <span
                   *ngIf="projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && (projectInfo.openAccessMandateDatasets == undefined || !projectInfo.openAccessMandateDatasets)"
-                  class="uk-label custom-label label-open" title="Open Access mandate for Publications">
+                  class="uk-label custom-label label-open  uk-text-truncate" title="Open Access mandate for Publications">
                 Open Access mandate for Publications
               </span>{{" "}}
               <span
                   *ngIf="projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets && (projectInfo.openAccessMandatePublications == undefined || !projectInfo.openAccessMandatePublications)"
-                  class="uk-label custom-label label-open" title="Open Access mandate for Research Data">
+                  class="uk-label custom-label label-open  uk-text-truncate" title="Open Access mandate for Research Data">
                 Open Access mandate for Research Data
               </span>{{" "}}
               <span *ngIf="projectInfo.funding && projectInfo.funding.funderName"
diff --git a/searchPages/searchUtils/tabResult.component.html b/searchPages/searchUtils/tabResult.component.html
index a8c55e2a..6363189d 100644
--- a/searchPages/searchUtils/tabResult.component.html
+++ b/searchPages/searchUtils/tabResult.component.html
@@ -35,11 +35,11 @@
        <span *ngIf="result.title && result.title.accessMode" [class]="'uk-label custom-label  label-'+ result.title.accessMode " title="Access Mode">{{result.title.accessMode}}</span>
        <span *ngIf="result['funderShortname']" class="uk-label custom-label label-funder " title="Funder">{{result['funderShortname']}}</span>
        <span *ngIf="result.openAccessMandatePublications != undefined && result.openAccessMandatePublications && (result.openAccessMandateDatasets == undefined || !result.openAccessMandateDatasets)"
-             class="uk-label custom-label label-open " title="Open Access mandate for Publications">Open Access mandate for Publications</span>
+             class="uk-label custom-label label-open uk-text-truncate" title="Open Access mandate for Publications">Open Access mandate for Publications</span>
        <span *ngIf="result.openAccessMandateDatasets != undefined && result.openAccessMandateDatasets && (result.openAccessMandatePublications == undefined || !result.openAccessMandatePublications)"
-             class="uk-label custom-label label-open " title="Open Access mandate for Research Data">Open Access mandate for Research Data</span>
+             class="uk-label custom-label label-open uk-text-truncate" title="Open Access mandate for Research Data">Open Access mandate for Research Data</span>
        <span *ngIf="result.openAccessMandatePublications != undefined && result.openAccessMandatePublications && result.openAccessMandateDatasets != undefined && result.openAccessMandateDatasets"
-             class="uk-label custom-label label-open " title="Open Access mandate for Publications and Research Data">Open Access mandate for Publications and Research Data</span>
+             class="uk-label custom-label label-open uk-text-truncate" title="Open Access mandate for Publications and Research Data">Open Access mandate for Publications and Research Data</span>
        <div *ngIf="result.publisher != undefined && result.publisher != ''"><span class="uk-text-bold">Publisher:</span> {{result.publisher}}</div>
        <span *ngIf="result['type'] != undefined && result['type'] != ''" class="uk-label custom-label label-blue label-dataprovider" title="Type"> {{result['type']}}</span>
        <span *ngIf="result['compatibility'] != undefined && result['compatibility'] != ''" class="uk-label custom-label  label-compatibility" title="Compatibility">{{result.compatibility}}</span>
diff --git a/utils/result-preview/result-preview.component.html b/utils/result-preview/result-preview.component.html
index 95a0d35a..615e6013 100644
--- a/utils/result-preview/result-preview.component.html
+++ b/utils/result-preview/result-preview.component.html
@@ -124,18 +124,18 @@
         {{result.accessMode}}
       </span>{{' '}}
       <span *ngIf="result.openAccessMandatePublications && (!result.openAccessMandateDatasets)"
-            class="uk-label custom-label label-open"
+            class="uk-label custom-label label-open uk-text-truncate"
             title="Open Access mandate for Publications">
           Open Access mandate for Publications
   </span>{{' '}}
       <span
           *ngIf="result.openAccessMandateDatasets != undefined && result.openAccessMandateDatasets && (result.openAccessMandatePublications == undefined || !result.openAccessMandatePublications)"
-          class="uk-label custom-label label-open " title="Open Access mandate for Research Data">
+          class="uk-label custom-label label-open uk-text-truncate " title="Open Access mandate for Research Data">
           Open Access mandate for Research Data
   </span>{{' '}}
       <span
           *ngIf="result.openAccessMandatePublications != undefined && result.openAccessMandatePublications && result.openAccessMandateDatasets != undefined && result.openAccessMandateDatasets"
-          class="uk-label custom-label label-open "
+          class="uk-label custom-label label-open uk-text-truncate"
           title="Open Access mandate for Publications and Research Data">
           Open Access mandate for Publications and Research Data
   </span>{{' '}}