diff --git a/docs/assets/scss/_content.scss b/docs/assets/scss/_content.scss
index 4a30d74d4..c8749c1d4 100644
--- a/docs/assets/scss/_content.scss
+++ b/docs/assets/scss/_content.scss
@@ -6,7 +6,7 @@
 
 .bd-content {
   @include media-breakpoint-up(xl) {
-    max-width: calc(100% - 320px);
+    flex: 1;
     padding-right: 20%;
 
     #contents {
@@ -99,7 +99,7 @@
     margin-bottom: .25rem;
   }
 
-  @include media-breakpoint-up(sm) {
+  @include media-breakpoint-up(lg) {
     > ul,
     > ol,
     > p {
diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss
index f1a454f53..056efd805 100644
--- a/docs/assets/scss/_sidebar.scss
+++ b/docs/assets/scss/_sidebar.scss
@@ -11,10 +11,13 @@
   @include media-breakpoint-up(md) {
     position: sticky;
     top: 4rem;
-    max-width: 320px;
     max-height: calc(100vh - 4rem);
     overflow-y: auto;
   }
+
+  @include media-breakpoint-up(xl) {
+    max-width: 320px;
+  }
 }
 
 .bd-links {