diff --git a/frontend/app/gallery/grid/photo/photo.grid.gallery.component.css b/frontend/app/gallery/grid/photo/photo.grid.gallery.component.css
index 8ee32f52..62ed8659 100644
--- a/frontend/app/gallery/grid/photo/photo.grid.gallery.component.css
+++ b/frontend/app/gallery/grid/photo/photo.grid.gallery.component.css
@@ -94,8 +94,20 @@ a {
 
 .video-indicator{
   font-size: large;
-  padding: 10px;
+  padding: 5px;
   position: absolute;
   transform: translate(-100%);
   white-space: nowrap;
+  border-bottom-left-radius: 15px !important;
+  background-color: rgba(0, 0, 0, 0.5);
+  color: white;
+  transition: background-color .3s ease-out;
+  -moz-transition:  background-color .3s ease-out;
+  -webkit-transition: background-color .3s ease-out;
+  -o-transition:  background-color .3s ease-out;
+  -ms-transition:  background-color .3s ease-out;
+}
+
+.photo-container:hover .video-indicator{
+  background-color: rgba(0, 0, 0, 0.8);
 }