From 9766f4b6c391bafb1526a4415a844a901fc70c64 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sat, 22 Aug 2026 13:00:53 +0100
Subject: [PATCH] Update TemplatePreview Component with Enhanced Card Styling

- Modified the TemplatePreview component to improve the styling of the Card element, setting maxWidth, minWidth, and margin for better layout.
- Adjusted Flex component's gap for improved spacing between elements, enhancing overall visual presentation.
---
 src/components/Dashboard/common/TemplatePreview.jsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/Dashboard/common/TemplatePreview.jsx b/src/components/Dashboard/common/TemplatePreview.jsx
index 7259d6a3..026e28ec 100644
--- a/src/components/Dashboard/common/TemplatePreview.jsx
+++ b/src/components/Dashboard/common/TemplatePreview.jsx
@@ -567,8 +567,16 @@ const TemplatePreview = ({
               align='center'
               justify='center'
             >
-              <Card style={{ minWidth: 360 }}>
-                <Flex vertical gap={'small'} style={{ width: '100%' }}>
+              <Card
+                style={{
+                  maxWidth: 360,
+                  minWidth: 100,
+                  width: '100%',
+                  margin: 24
+                }}
+                styles={{ body: { padding: 18 } }}
+              >
+                <Flex vertical gap={10} style={{ width: '100%' }}>
                   <Text ellipsis style={{ width: '100%', minWidth: 0 }}>
                     {downloadProgress.message || 'Rendering...'}
                   </Text>