From b6d75410cfabe62e9d38b2610c25987883d09cf6 Mon Sep 17 00:00:00 2001
From: Rostislav Wolny <rosta.wolny@automattic.com>
Date: Tue, 22 Oct 2024 14:22:54 +0200
Subject: [PATCH] Render proper content width in template previews

[MAILPOET-6249]
---
 .../php/email-editor/src/Engine/Templates/TemplatePreview.php  | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/php/email-editor/src/Engine/Templates/TemplatePreview.php b/packages/php/email-editor/src/Engine/Templates/TemplatePreview.php
index 9ef29cd554..dcd89c4d49 100644
--- a/packages/php/email-editor/src/Engine/Templates/TemplatePreview.php
+++ b/packages/php/email-editor/src/Engine/Templates/TemplatePreview.php
@@ -41,6 +41,9 @@ class TemplatePreview {
       $editorTheme->merge(new WP_Theme_JSON($templateTheme, 'custom'));
     }
     $additionalCSS = file_get_contents(dirname(__FILE__) . DIRECTORY_SEPARATOR . 'preview.css');
+    // Set proper content width for previews
+    $layoutSettings = $this->themeController->getLayoutSettings();
+    $additionalCSS .= ".is-root-container { width: {$layoutSettings['contentSize']}; margin: 0 auto; }";
     return $editorTheme->get_stylesheet() . $additionalCSS;
   }
 }