diff --git a/src/lib/components/chat/Artifacts.svelte b/src/lib/components/chat/Artifacts.svelte
index 848d81f635..188b476839 100644
--- a/src/lib/components/chat/Artifacts.svelte
+++ b/src/lib/components/chat/Artifacts.svelte
@@ -39,51 +39,51 @@
 				const codeBlockContents = message.content.match(/```[\s\S]*?```/g);
 				let codeBlocks = [];
 
+				let htmlContent = '';
+				let cssContent = '';
+				let jsContent = '';
+
 				if (codeBlockContents) {
 					codeBlockContents.forEach((block) => {
 						const lang = block.split('\n')[0].replace('```', '').trim().toLowerCase();
 						const code = block.replace(/```[\s\S]*?\n/, '').replace(/```$/, '');
 						codeBlocks.push({ lang, code });
 					});
-				}
 
-				let htmlContent = '';
-				let cssContent = '';
-				let jsContent = '';
+					codeBlocks.forEach((block) => {
+						const { lang, code } = block;
 
-				codeBlocks.forEach((block) => {
-					const { lang, code } = block;
+						if (lang === 'html') {
+							htmlContent += code + '\n';
+						} else if (lang === 'css') {
+							cssContent += code + '\n';
+						} else if (lang === 'javascript' || lang === 'js') {
+							jsContent += code + '\n';
+						}
+					});
+				} else {
+					const inlineHtml = message.content.match(/<html>[\s\S]*?<\/html>/gi);
+					const inlineCss = message.content.match(/<style>[\s\S]*?<\/style>/gi);
+					const inlineJs = message.content.match(/<script>[\s\S]*?<\/script>/gi);
 
-					if (lang === 'html') {
-						htmlContent += code + '\n';
-					} else if (lang === 'css') {
-						cssContent += code + '\n';
-					} else if (lang === 'javascript' || lang === 'js') {
-						jsContent += code + '\n';
+					if (inlineHtml) {
+						inlineHtml.forEach((block) => {
+							const content = block.replace(/<\/?html>/gi, ''); // Remove <html> tags
+							htmlContent += content + '\n';
+						});
+					}
+					if (inlineCss) {
+						inlineCss.forEach((block) => {
+							const content = block.replace(/<\/?style>/gi, ''); // Remove <style> tags
+							cssContent += content + '\n';
+						});
+					}
+					if (inlineJs) {
+						inlineJs.forEach((block) => {
+							const content = block.replace(/<\/?script>/gi, ''); // Remove <script> tags
+							jsContent += content + '\n';
+						});
 					}
-				});
-
-				const inlineHtml = message.content.match(/<html>[\s\S]*?<\/html>/gi);
-				const inlineCss = message.content.match(/<style>[\s\S]*?<\/style>/gi);
-				const inlineJs = message.content.match(/<script>[\s\S]*?<\/script>/gi);
-
-				if (inlineHtml) {
-					inlineHtml.forEach((block) => {
-						const content = block.replace(/<\/?html>/gi, ''); // Remove <html> tags
-						htmlContent += content + '\n';
-					});
-				}
-				if (inlineCss) {
-					inlineCss.forEach((block) => {
-						const content = block.replace(/<\/?style>/gi, ''); // Remove <style> tags
-						cssContent += content + '\n';
-					});
-				}
-				if (inlineJs) {
-					inlineJs.forEach((block) => {
-						const content = block.replace(/<\/?script>/gi, ''); // Remove <script> tags
-						jsContent += content + '\n';
-					});
 				}
 
 				if (htmlContent || cssContent || jsContent) {
