diff --git a/package-lock.json b/package-lock.json
index d65b31e..c685f42 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "gpt-contextfiles",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "gpt-contextfiles",
-      "version": "0.2.1",
+      "version": "0.2.3",
       "dependencies": {
         "openai": "^3.3.0"
       },
diff --git a/package.json b/package.json
index 16e7a54..9f99849 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "gpt-contextfiles",
   "displayName": "GPT-ContextFiles",
   "description": "Choose the files to pass into GPT to provide a question with multiple files",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "engines": {
     "vscode": "^1.79.0"
   },
diff --git a/src/gptContext.js b/src/gptContext.js
index e89a76c..ab05ad5 100644
--- a/src/gptContext.js
+++ b/src/gptContext.js
@@ -39,7 +39,7 @@ async function handleQuestionSubmission(panel, question, selectedUris) {
         const chatCompletion = await openai.createChatCompletion({
             model: "gpt-3.5-turbo-16k",
             messages: [
-                { role: "system", content: "Answer the coding questions, only provide the code and documentation, explaining the solution after providing the code." },
+                { role: "system", content: "Answer the coding questions, only provide the code and documentation, explaining the solution after providing the code. Put codeblocks inside ``` code ``` with file names above each snippet." },
                 { role: "user", content: question + "\n" + fileContents},
             ],
         });
diff --git a/src/webviewPanel.js b/src/webviewPanel.js
index c20db73..2764908 100644
--- a/src/webviewPanel.js
+++ b/src/webviewPanel.js
@@ -304,13 +304,19 @@ function getWebviewContent(apiResponse = '', question = '') {
                 </div>
                 <div class="content" id="api-response">
                     <div id="question-rep">
-                        <p>${question ? '> ' + question : null}</p>
+                        <p>${
+                            question = question.replace(/</g, '&lt;').replace(/>/g, '&gt;'),
+                            question ? '> ' + question : null
+                        }</p>
                     </div>
                     ${
                     apiResponse ? `
                     <div id="rendered">
                         <p id="responses">
-                            <pre id="response">${apiResponse.replace(/```([^```]+)```/g, '<div  id="code-block"><code>$1</code><button onclick="copyCode(event)" id="copy-button">copy</button></div>')}</pre>
+                            <pre id="response">${
+                                apiResponse = apiResponse.replace(/</g, '&lt;').replace(/>/g, '&gt;'),
+                                apiResponse.replace(/```([^```]+)```/g, '<div  id="code-block"><code>$1</code><button onclick="copyCode(event)" id="copy-button">copy</button></div>')
+                            }</pre>
                         </p>
                     </div>
                     ` : null