Add background placeholder for thumbnails

2 files changed, 5 insertions, 1 deletions

diff --git a/client/src/app/shared/video/abstract-video-list.scss b/client/src/app/shared/video/abstract-video-list.scss
index 3fdfcefa0..63538a089 100644
--- a/client/src/app/shared/video/abstract-video-list.scss
+++ b/client/src/app/shared/video/abstract-video-list.scss
@@ -26,10 +26,11 @@
 
       /deep/ .video-thumbnail {
         width: 100%;
+        height: auto;
 
         img {
-          height: auto;
           width: 100%;
+          height: auto;
         }
       }
     }
diff --git a/client/src/app/shared/video/video-thumbnail.component.scss b/client/src/app/shared/video/video-thumbnail.component.scss
index 4840a9e4f..c3cb1ec75 100644
--- a/client/src/app/shared/video/video-thumbnail.component.scss
+++ b/client/src/app/shared/video/video-thumbnail.component.scss
@@ -6,6 +6,9 @@
   position: relative;
   border-radius: 4px;
   overflow: hidden;
+  width: $video-thumbnail-width;
+  height: $video-thumbnail-height;
+  background-color: #ececec;
 
   &:hover {
     text-decoration: none !important;