diff --git a/docs/src/layouts/App/prism.scss b/docs/src/layouts/App/prism.scss
index 0b9f82208..62c711680 100644
--- a/docs/src/layouts/App/prism.scss
+++ b/docs/src/layouts/App/prism.scss
@@ -48,6 +48,11 @@ pre[class*="language-"] {
   background: $codeBackground;
   padding: 1.2rem 1.5rem !important;
   border-radius: 0.5rem;
+  max-height: unquote("max(300px, 60vh)");
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba($colorWhite, 0.25);
+  }
 }
 
 pre[class*="language-"].language-css > code,