diff --git a/src/frontend/app/ui/gallery/grid/photo/photo.grid.gallery.component.css b/src/frontend/app/ui/gallery/grid/photo/photo.grid.gallery.component.css
index ccdd0d61..ac1883ad 100644
--- a/src/frontend/app/ui/gallery/grid/photo/photo.grid.gallery.component.css
+++ b/src/frontend/app/ui/gallery/grid/photo/photo.grid.gallery.component.css
@@ -1,5 +1,6 @@
 :host {
   position: relative;
+  overflow: hidden;
 }
 
 img {
@@ -88,8 +89,9 @@ img {
   color: white;
   font-size: medium;
   display: table-caption;
-  position: relative;
+  position: absolute;
   padding: 5px;
+  width: 100%;
   margin-top: 0;
 
   transition: transform .3s ease-out, background-color .3s ease-out;
diff --git a/src/frontend/app/ui/gallery/grid/photo/photo.grid.gallery.component.html b/src/frontend/app/ui/gallery/grid/photo/photo.grid.gallery.component.html
index c7c8ca16..846a94ca 100644
--- a/src/frontend/app/ui/gallery/grid/photo/photo.grid.gallery.component.html
+++ b/src/frontend/app/ui/gallery/grid/photo/photo.grid.gallery.component.html
@@ -17,8 +17,7 @@
 
   <!--Info box -->
   <div class="info"
-       *ngIf="infoBarVisible"
-       [style.width.px]="container.nativeElement.offsetWidth">
+       *ngIf="infoBarVisible" >
     <div class="photo-name">{{Title}}</div>
 
     <div class="photo-position" *ngIf="gridMedia.hasPositionData()">