diff --git a/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.css b/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.css
index 54ba5751..549b74c2 100644
--- a/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.css
+++ b/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.css
@@ -11,7 +11,7 @@
 }
 
 .details-icon {
-  margin-top: 10px;
+  margin-top: .7rem;
   font-size: x-large;
 }
 
diff --git a/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.html b/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.html
index fe647043..7a253c25 100644
--- a/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.html
+++ b/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.html
@@ -84,6 +84,17 @@
     </div>
   </div>
 
+  <div class="row" *ngIf="Rating">
+    <div class="col-2" title="rating" p18n-rating>
+      <span class="details-icon oi oi-star"></span>
+    </div>
+    <div class="col-10">
+      <div class="details-main mt-2" [title]="Rating + ' stars'">
+        <span *ngFor="let stars of [].constructor(Rating)" class="oi oi-star text-dark mr-1"></span>
+        <span *ngFor="let stars of [].constructor(5-Rating)" class="oi oi-star text-muted mr-1"></span>
+      </div>
+    </div>
+  </div>
 
   <div class="row" *ngIf="keywords">
     <div class="col-2">
diff --git a/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.ts b/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.ts
index 3eb38ed6..6a65e89c 100644
--- a/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.ts
+++ b/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.ts
@@ -50,6 +50,11 @@ export class InfoPanelLightboxComponent implements OnInit, OnChanges {
     return (this.media as VideoDTO).metadata;
   }
 
+
+  get Rating(): number {
+    return (this.media as PhotoDTO).metadata.rating;
+  }
+
   get PositionData(): PositionMetaData {
     return (this.media as PhotoDTO).metadata.positionData;
   }