diff --git a/smartassist/src/html/client.html b/smartassist/src/html/client.html
index 02f3459..6eb125e 100644
--- a/smartassist/src/html/client.html
+++ b/smartassist/src/html/client.html
@@ -12,15 +12,22 @@
         <!-- messages will be rendered here -->
     </div>
     <textarea id="userInput" placeholder="Type your message..." rows="5"></textarea>
-    <button onclick="sendMessage()">Send</button>
+    <button id="sendButton" onclick="sendMessage()">Send</button>
 
     <!-- Get the apiEndpoint -->
     <script>
         const apiEndpoint = window.apiEndpoint;
         const useModel = window.useModel;
-        
     </script>
 
+    <!-- Marked for markdown rendering -->
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+
+    <!-- Include MathJax library to render mathematical notation -->
+    <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
+    <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
+
     <!-- Get the javascript handling communication with the backend -->
     <script src="/js/frontend.js"></script>