diff --git a/Projects/Superalgos/Icons/docs-js-code-style.png b/Projects/Superalgos/Icons/docs-js-code-style.png
index f56b6fe89..85446cbe9 100644
Binary files a/Projects/Superalgos/Icons/docs-js-code-style.png and b/Projects/Superalgos/Icons/docs-js-code-style.png differ
diff --git a/Projects/Superalgos/Plugins/Workspaces/Trading System Design Tutorials.json b/Projects/Superalgos/Plugins/Workspaces/Trading-System-Design-Tutorials.json
similarity index 100%
rename from Projects/Superalgos/Plugins/Workspaces/Trading System Design Tutorials.json
rename to Projects/Superalgos/Plugins/Workspaces/Trading-System-Design-Tutorials.json
diff --git a/Projects/Superalgos/Schemas/Docs-Tutorials/3.-testing-a-trading-idea-the-trigger-stage-023-tutorial-step- we have our conditions.json b/Projects/Superalgos/Schemas/Docs-Tutorials/tutorial-step-we-have-our-conditions.json
similarity index 62%
rename from Projects/Superalgos/Schemas/Docs-Tutorials/3.-testing-a-trading-idea-the-trigger-stage-023-tutorial-step- we have our conditions.json
rename to Projects/Superalgos/Schemas/Docs-Tutorials/tutorial-step-we-have-our-conditions.json
index ea9143202..8483796d9 100644
--- a/Projects/Superalgos/Schemas/Docs-Tutorials/3.-testing-a-trading-idea-the-trigger-stage-023-tutorial-step- we have our conditions.json	
+++ b/Projects/Superalgos/Schemas/Docs-Tutorials/tutorial-step-we-have-our-conditions.json
@@ -12,11 +12,21 @@
     "paragraphs": [
         {
             "style": "List",
-            "text": "Condition 1: The direction property of the bollingerSubChannel product is Down in the 24H chart. Put in proper syntax:<br/><br/>chart.at24hs.bollingerSubChannel.direction === 'Down'<br/><br/>"
+            "text": "Condition 1: The direction property of the bollingerSubChannel product is Down in the 24H chart. Put in proper syntax:",
+            "updated": 1610392891777
+        },
+        {
+            "style": "Javascript",
+            "text": "chart.at24hs.bollingerSubChannel.direction === 'Down'"
         },
         {
             "style": "List",
-            "text": "Condition 2: The slope property of the bollingerSubChannel product is <strong>not</strong> Side in the 24H chart. Put in proper syntax:<br/><br/>chart.at24hs.bollingerSubChannel.slope != 'Side'"
+            "text": "Condition 2: The slope property of the bollingerSubChannel product is not Side in the 24H chart. Put in proper syntax:",
+            "updated": 1610392964616
+        },
+        {
+            "style": "Javascript",
+            "text": "chart.at24hs.bollingerSubChannel.slope != 'Side'"
         }
     ]
 }
\ No newline at end of file