diff --git a/styles/40-components-cards.css b/styles/40-components-cards.css
index 61b0304..309c266 100644
--- a/styles/40-components-cards.css
+++ b/styles/40-components-cards.css
@@ -232,10 +232,16 @@
   max-width: none;
 }
 
+.sg-page-cards-public-page .sg-preview-area {
+  display: block;
+  width: calc(100vw - (2 * var(--spacing-small)));
+  margin-inline: calc(-1 * var(--spacing-small));
+}
+
 .sg-page-cards-public-page .sg-preview-area > .sg-transparent-card {
-  width: 100vw;
+  width: 100%;
   max-width: none;
-  margin: var(--spacing-large) calc(50% - 50vw);
+  margin: var(--spacing-large) 0;
 }
 
 .sg-page-cards-public-page .sg-cards-public-page__cta-right-card {