diff --git a/frontend/src/app/ui/plan/overview/plan-overview.component.html b/frontend/src/app/ui/plan/overview/plan-overview.component.html
index b3e204aef..2aeb6df4a 100644
--- a/frontend/src/app/ui/plan/overview/plan-overview.component.html
+++ b/frontend/src/app/ui/plan/overview/plan-overview.component.html
@@ -245,9 +245,9 @@
 									<mat-menu #rankMenu="matMenu" xPosition="before">
 										<button mat-menu-item *ngFor='let evaluator of evaluatorService.availableEvaluatorsFor(evaluatorEntityTypeEnum.Plan)' 
 											(click)="onEvaluatePlan(plan.id, evaluator.evaluatorId, evaluator.format, evaluator.rankConfig, isPublicView)">
-											<span class="evaluator-id pr-2">{{ (evaluator.evaluatorId?.toUpperCase()) | translate }}</span>
 											<img *ngIf="evaluator.hasLogo" class="logo" [src]="logos.get(evaluator.evaluatorId)">
 											<img *ngIf="!evaluator.hasLogo" class="logo" src="assets/images/repository-placeholder.png">
+											<span class="evaluator-id pr-2">{{ (evaluator.evaluatorId?.toUpperCase()) | translate }}</span>
 										</button>
 									</mat-menu>
 
diff --git a/frontend/src/app/ui/plan/overview/plan-overview.component.scss b/frontend/src/app/ui/plan/overview/plan-overview.component.scss
index 8bd068f3e..d36ea907c 100644
--- a/frontend/src/app/ui/plan/overview/plan-overview.component.scss
+++ b/frontend/src/app/ui/plan/overview/plan-overview.component.scss
@@ -237,6 +237,12 @@
 	width: 100%;
 }
 
+.logo {
+	margin-right: 16px;
+	max-width: 24px;
+	max-height: 24px;
+}
+
 // ********CENTER ELEMENTS********
 
 .mat-mini-fab,