diff --git a/frontend/src/app/component/images/images.component.html b/frontend/src/app/component/images/images.component.html
index 4e0ef2f..e63d9a1 100644
--- a/frontend/src/app/component/images/images.component.html
+++ b/frontend/src/app/component/images/images.component.html
@@ -3,7 +3,7 @@
 <div style="font-weight: bolder; font-size: 20px">
   <span style="width: 22.5em; display: inline-block; margin-left: 1.15em">Name</span>
   <span style="width: 22.5em; display: inline-block">Date</span>
-  <span style="width: 22.5em; display: inline-block">File valid | available</span>
+  <span style="width: 22.5em; display: inline-block">File available | valid</span>
 </div>
 <mat-expansion-panel
   *ngFor="let image of filterOnlyNewestImageVersion() | slice:paginationGetStart():paginationGetEnd(); let i = index"
@@ -17,12 +17,12 @@
     >{{image.name}}</h4>
     <h4 style="width: 25em"
     >{{image.datetime}}</h4>
-    <h4 style="width: 25em; margin-left: 4em;" *ngIf="image.valid !== undefined || image.available !== undefined;
+    <h4 style="width: 25em; margin-left: 6em;" *ngIf="image.available !== undefined || image.valid !== undefined;
     else loadingValidity">
-      {{image.valid ? '✓' : 'X' }} | {{image.available ? '✓' : 'X' }}
+      {{image.available ? '✓' : 'X' }} | {{image.valid ? '✓' : 'X' }}
     </h4>
     <ng-template #loadingValidity>
-      <h4 style="width: 25em; margin-left: 5em;">...</h4>
+      <h4 style="width: 25em; margin-left: 7em;">...</h4>
     </ng-template>
     <span style="float: right; margin-left: auto; margin-right: 1em;">
       <button mat-raised-button color="warn"