diff --git a/public/css/peertube/videoslist.css b/public/css/peertube/videoslist.css
index 5c316f3..23ef7a0 100644
--- a/public/css/peertube/videoslist.css
+++ b/public/css/peertube/videoslist.css
@@ -80,4 +80,72 @@ my-global-icon {
   font-weight: 600;
   margin-bottom: 20px;
   grid-column: 1/-1;
+}
+
+@media screen and (min-width: 500px) {
+  .margin-content .videos, .margin-content .playlists {
+    --miniatureMinWidth: 255px;
+    --miniatureMaxWidth: 280px;
+    display: grid;
+    grid-column-gap: 30px;
+    column-gap: 30px;
+    grid-template-columns: repeat(auto-fill,minmax(var(--miniatureMinWidth),1fr));
+  }
+}
+
+.section:first-child {
+  padding-top: 30px;
+}
+
+.section:first-child .section-title {
+  border-top: 0!important;
+}
+
+.section .section-title a:hover, .section .section-title a:focus:not(.focus-visible), .section .section-title a:active {
+  text-decoration: none;
+  outline: none;
+}
+
+.section .section-title:not(h2) {
+  border-top: 1px solid rgba(0,0,0,.1);
+}
+
+.section .section-title {
+  font-size: 24px;
+  font-weight: 600;
+  padding-top: 15px;
+  margin-bottom: 15px;
+  display: flex;
+  justify-content: space-between;
+}
+
+.section-title {
+  grid-column: 1/-1;
+}
+
+@media screen and (min-width: 500px) {
+  .margin-content .videos, .margin-content .playlists {
+    --miniatureMinWidth: 255px;
+    --miniatureMaxWidth: 280px;
+    display: grid;
+    grid-column-gap: 30px;
+    column-gap: 30px;
+    grid-template-columns: repeat(auto-fill,minmax(var(--miniatureMinWidth),1fr));
+  }
+}
+
+.channel-info, .account-info, .channel, .miniature-show-channel, description-html {
+  background-color: #5e3c62 !important;
+}
+
+.section.channel .section-title a {
+  display: flex;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  align-items: center;
+}
+
+.section .section-title a {
+  color: var(--mainForegroundColor);
 }
\ No newline at end of file