Fix responsive on videos search

2 files changed, 16 insertions, 2 deletions

diff --git a/client/src/app/search/search.component.scss b/client/src/app/search/search.component.scss
index 330eef9d8..ef89c5666 100644
--- a/client/src/app/search/search.component.scss
+++ b/client/src/app/search/search.component.scss
@@ -107,6 +107,10 @@
 }
 
 @media screen and (max-width: 800px) {
+  .search-result {
+    margin: 20px 10px;
+  }
+
   .results-header {
     font-size: 15px !important;
   }
@@ -123,7 +127,17 @@
       }
 
       my-video-thumbnail {
-        margin-right: 0;
+        margin-right: 0 !important;
+
+        /deep/ .video-thumbnail {
+          width: 100%;
+          height: auto;
+
+          img {
+            width: 100%;
+            height: auto;
+          }
+        }
       }
     }
   }
diff --git a/client/src/app/shared/video/abstract-video-list.scss b/client/src/app/shared/video/abstract-video-list.scss
index 913fcfe22..91091a5bb 100644
--- a/client/src/app/shared/video/abstract-video-list.scss
+++ b/client/src/app/shared/video/abstract-video-list.scss
@@ -34,7 +34,7 @@ my-video-feed {
         }
       }
 
-      /deep/ .video-thumbnail {
+      .video-thumbnail {
         width: 100%;
         height: auto;