diff --git a/src/components/Dashboard/common/TemplatePreview.jsx b/src/components/Dashboard/common/TemplatePreview.jsx
index 026e28ec..dbce1c0c 100644
--- a/src/components/Dashboard/common/TemplatePreview.jsx
+++ b/src/components/Dashboard/common/TemplatePreview.jsx
@@ -171,6 +171,19 @@ const TemplatePreview = ({
     setPreviewContentHTML(html)
   }
 
+  const clearIframeContents = useCallback(() => {
+    iframeSizeObserverRef.current?.disconnect()
+    iframeSizeObserverRef.current = null
+
+    const iframe = iframeRef.current
+    if (iframe) {
+      iframe.srcdoc = ''
+    }
+
+    setPreviewContentHTML('')
+    setIframeSize({ width: '100%', height: 'auto' })
+  }, [])
+
   const stopRenderProgressListener = useCallback(() => {
     if (typeof renderUnsubscribeRef.current === 'function') {
       renderUnsubscribeRef.current()
@@ -541,10 +554,11 @@ const TemplatePreview = ({
             disabled={loading || reloadLoading}
             value={previewType}
             onChange={(value) => {
-              setPreviewType(value)
               if (value == 'PDF') {
+                clearIframeContents()
                 setPDFBlob(null)
               }
+              setPreviewType(value)
             }}
           />
         ) : null}