diff --git a/ui/scss/component/_livestream.scss b/ui/scss/component/_livestream.scss
index fc1102d03..c9f378f0d 100644
--- a/ui/scss/component/_livestream.scss
+++ b/ui/scss/component/_livestream.scss
@@ -29,7 +29,7 @@ $discussion-header__height: 3rem;
   margin-top: var(--spacing-m);
   margin-bottom: var(--spacing-s);
 
-  @media (min-width: $breakpoint-small) {
+  @media (min-width: $breakpoint-medium) {
     margin: 0;
     width: var(--livestream-comments-width);
     height: calc(100vh - var(--header-height));
diff --git a/ui/scss/component/_main.scss b/ui/scss/component/_main.scss
index 5d5eadb84..15a0477ab 100644
--- a/ui/scss/component/_main.scss
+++ b/ui/scss/component/_main.scss
@@ -172,11 +172,15 @@
   width: calc(100vw - var(--spacing-xs) * 2);
   margin: var(--spacing-xs);
 
-  @media (min-width: $breakpoint-small) {
+  @media (min-width: $breakpoint-medium) {
     margin: var(--spacing-m);
     margin-right: calc(var(--livestream-comments-width) + var(--spacing-m));
     width: calc(100vw - var(--livestream-comments-width) - var(--spacing-m) * 2);
   }
+
+  @media (min-width: $breakpoint-large) {
+    margin-right: calc(10vw + var(--livestream-comments-width) + var(--spacing-m));
+  }
 }
 
 .main--full-width {