diff --git a/Frontend/assets/scripts/tools/mock/uianimation.js b/Frontend/assets/scripts/tools/mock/uianimation.js
index 448689c..432673a 100644
--- a/Frontend/assets/scripts/tools/mock/uianimation.js
+++ b/Frontend/assets/scripts/tools/mock/uianimation.js
@@ -121,6 +121,7 @@ async function formatXML(xml) {
 
 function showRequestBody(element){
     requestBody = "";
+    document.getElementById('code-highlight-content').innerText = "Loading...";
     var historyRequestBody = historyJson[element.id].requestBody;
     switch(historyJson[element.id].headers["content-type"]){
         case "application/json":{
@@ -132,7 +133,6 @@ function showRequestBody(element){
             break;
         }
         case "application/xml":{
-            document.getElementById('code-highlight-content').innerText = "";
             formatXML(historyRequestBody).then(function(result) {
                 if (result.status == "OK") {
                     document.getElementById('code-highlight-content').innerText = result.result;