diff --git a/docs/src/components/Demo/style.scss b/docs/src/components/Demo/style.scss
index f2c67a0b..74451dc1 100644
--- a/docs/src/components/Demo/style.scss
+++ b/docs/src/components/Demo/style.scss
@@ -8,7 +8,7 @@
     border-bottom-width: 0;
     color: $colorBlack;
     background-color: $colorWhite;
-    max-height: unquote("max(300px, 60vh)");
+    max-height: unquote("max(300px, 70vh)");
     overflow: auto;
     scroll-behavior: smooth;
     border: 3px solid $colorBlack;
diff --git a/docs/src/demos/Examples/CollaborativeEditing/index.vue b/docs/src/demos/Examples/CollaborativeEditing/index.vue
index 52dd6e15..05b4646d 100644
--- a/docs/src/demos/Examples/CollaborativeEditing/index.vue
+++ b/docs/src/demos/Examples/CollaborativeEditing/index.vue
@@ -155,7 +155,7 @@ export default {
 
   &__content {
     padding: 1rem;
-    max-height: 30rem;
+    max-height: 25rem;
     overflow-x: hidden;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
diff --git a/docs/src/layouts/App/prism.scss b/docs/src/layouts/App/prism.scss
index db677169..106d671a 100644
--- a/docs/src/layouts/App/prism.scss
+++ b/docs/src/layouts/App/prism.scss
@@ -46,7 +46,7 @@ pre[class*="language-"] {
   background: $codeBackground;
   padding: 1.25rem !important;
   border-radius: 0.75rem;
-  max-height: unquote("max(300px, 60vh)");
+  max-height: unquote("max(300px, 70vh)");
 
   &::-webkit-scrollbar-thumb {
     background-color: rgba($colorWhite, 0.2);