From 869a5309fb55c8b1f55babf8b6044cdcc10b1065 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sun, 13 Sep 2026 18:38:27 +0100
Subject: [PATCH] Update TemplatePreview Component Styles for Improved
 Responsiveness

- Adjusted button and input styles in TemplatePreview to enhance layout adaptability.
- Changed button width to a minimum of 70px and input width to a range of 120px to 140px, improving user interaction and visual consistency.
---
 src/components/Dashboard/common/TemplatePreview.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Dashboard/common/TemplatePreview.jsx b/src/components/Dashboard/common/TemplatePreview.jsx
index b8e65f30..58a5d54e 100644
--- a/src/components/Dashboard/common/TemplatePreview.jsx
+++ b/src/components/Dashboard/common/TemplatePreview.jsx
@@ -648,7 +648,7 @@ const TemplatePreview = ({
       />
       <Button
         readOnly={true}
-        style={{ width: '65px' }}
+        style={{ minWidth: '70px' }}
         disabled={loading || reloadLoading}
         onClick={() => {
           setPreviewScale(1)
@@ -672,7 +672,7 @@ const TemplatePreview = ({
           value={previewWidth}
           disabled={loading || reloadLoading}
           onChange={(value) => setPreviewWidth(value || defaultPreviewWidth)}
-          style={{ width: 130 }}
+          style={{ minWidth: 120, maxWidth: '140px' }}
           aria-label='Email preview width'
         />
       ) : null}