1 files changed, 24 insertions, 5 deletions

diff --git a/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss b/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss
index cb2931858..3dd35ef3f 100644
--- a/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss
+++ b/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss
@@ -1,14 +1,33 @@
-.title-page {
-  margin-top: 0;
-}
+@import '_variables';
+@import '_mixins';
+@import '_miniature';
 
-.video-playlist {
+.playlists {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
 
-  .playlist-miniature-container {
+  .playlist-wrapper {
     margin-right: 15px;
     margin-bottom: 30px;
   }
 }
+
+.margin-content {
+  @include grid-videos-miniature-layout;
+}
+
+@media screen and (max-width: $mobile-view) {
+  .title-page {
+    display: block;
+    text-align: center;
+  }
+
+  .playlists {
+    text-align: left !important;
+    justify-content: left !important;
+
+    margin-left: pvar(--horizontalMarginContent) !important;
+    margin-right: var(--horizontalMarginContent) !important;
+  }
+}