diff --git a/docs/src/components/Preview.svelte b/docs/src/components/Preview.svelte
index b480dfed..d2902546 100644
--- a/docs/src/components/Preview.svelte
+++ b/docs/src/components/Preview.svelte
@@ -52,7 +52,7 @@
     margin-bottom: var(--cds-layout-04);
     margin-left: -1rem;
     margin-right: -1rem;
-    max-width: 66rem;
+    max-width: 80rem;
   }
 
   .code-override {
@@ -74,6 +74,12 @@
     min-height: 20rem;
   }
 
+  @media (min-width: 1920px) {
+    .preview-viewer.framed {
+      min-height: 32rem;
+    }
+  }
+
   .framed-header {
     display: flex;
     align-items: center;