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>