diff --git a/utils/result-preview/result-preview.component.html b/utils/result-preview/result-preview.component.html
index 9d5833db..016ca66e 100644
--- a/utils/result-preview/result-preview.component.html
+++ b/utils/result-preview/result-preview.component.html
@@ -217,7 +217,7 @@
           <div *ngIf="result.oaRoutes" class="uk-first-column">
 <!--               class="metrics uk-text-xsmall uk-width-auto uk-flex uk-flex-middle uk-flex-right uk-text-meta">-->
             <a class="uk-flex uk-flex-middle uk-link-reset">
-              <span class="access-route-badge">
+              <span #badge class="access-route-badge" [ngClass]="'dots-' + badge.children.length.toString()">
                 <span *ngIf="result.oaRoutes.green" class="dot green"></span>
                 <span *ngIf="result.oaRoutes.oaColor" class="dot" [ngClass]="result.oaRoutes.oaColor"></span>
                 <span *ngIf="result.oaRoutes.isInDiamondJournal" class="dot diamond"></span>