diff --git a/landingPages/landing-utils/entity-metadata.component.ts b/landingPages/landing-utils/entity-metadata.component.ts
index caad8627..62f8a0a9 100644
--- a/landingPages/landing-utils/entity-metadata.component.ts
+++ b/landingPages/landing-utils/entity-metadata.component.ts
@@ -31,22 +31,20 @@ import {RouterHelper} from "../../utils/routerHelper.class";
       <!-- types -->
       <span *ngIf="entityType" class="uk-flex-inline uk-flex-middle uk-flex-wrap"
             [class.other-separator]="types && removeUnknown(types, true).length > 0">
-        <span class="uk-margin-xsmall-right">
-          <icon *ngIf="entityType.toLowerCase() == 'publication'" name="description" type="outlined"
-                [flex]="true" [ratio]="0.8"></icon>
-          <icon *ngIf="entityType.toLowerCase() == 'research data'" name="database" type="outlined"
-                [flex]="true" [ratio]="0.8"></icon>
-          <icon *ngIf="entityType.toLowerCase() == 'research software'" name="integration_instructions"
-                type="outlined" [flex]="true" [ratio]="0.8"></icon>
-          <icon *ngIf="entityType.toLowerCase() == 'other research product'" name="apps" type="outlined"
-                [flex]="true" [ratio]="0.8"></icon>
-          <icon *ngIf="entityType.toLowerCase() == 'project'" name="assignment_turned_in" type="outlined"
-                [flex]="true" [ratio]="0.8"></icon>
-          <icon *ngIf="entityType.toLowerCase() == 'data source'" name="note_add" type="outlined"
-                [flex]="true" [ratio]="0.8"></icon>
-          <icon *ngIf="entityType.toLowerCase() == 'organization'" name="corporate_fare" type="outlined"
-                [flex]="true" [ratio]="0.8"></icon>
-        </span>
+        <icon *ngIf="entityType.toLowerCase() == 'publication'" name="description" type="outlined"
+              [flex]="true" [ratio]="0.8" class="uk-margin-xsmall-right"></icon>
+        <icon *ngIf="entityType.toLowerCase() == 'research data'" name="database" type="outlined"
+              [flex]="true" [ratio]="0.8" class="uk-margin-xsmall-right"></icon>
+        <icon *ngIf="entityType.toLowerCase() == 'research software'" name="integration_instructions"
+              type="outlined" [flex]="true" [ratio]="0.8" class="uk-margin-xsmall-right"></icon>
+        <icon *ngIf="entityType.toLowerCase() == 'other research product'" name="apps" type="outlined"
+              [flex]="true" [ratio]="0.8" class="uk-margin-xsmall-right"></icon>
+        <icon *ngIf="entityType.toLowerCase() == 'project'" name="assignment_turned_in" type="outlined"
+              [flex]="true" [ratio]="0.8" class="uk-margin-xsmall-right"></icon>
+        <icon *ngIf="entityType.toLowerCase() == 'data source'" name="note_add" type="outlined"
+              [flex]="true" [ratio]="0.8" class="uk-margin-xsmall-right"></icon>
+        <icon *ngIf="entityType.toLowerCase() == 'organization'" name="corporate_fare" type="outlined"
+              [flex]="true" [ratio]="0.8" class="uk-margin-xsmall-right"></icon>
         <u class="uk-text-capitalize uk-text-bolder">{{entityType}}</u>
         <span *ngIf="types && removeUnknown(types, true).length > 0">
           <icon name="keyboard_double_arrow_right" [flex]="true" [ratio]="0.8"></icon>