diff --git a/Client/WebServer/css/docs.css b/Client/WebServer/css/docs.css
index 1f29e6bec..2992841dd 100644
--- a/Client/WebServer/css/docs.css
+++ b/Client/WebServer/css/docs.css
@@ -110,7 +110,7 @@ width: 100%;
 position: relative;
 display: inline-block;
 color: #0295aa !important; 
-border-bottom: 1px solid #0295aa; 
+text-decoration: underline !important; 
 cursor: pointer;
 }
 
@@ -218,7 +218,6 @@ margin-right: 20px;
 .docs-text-area {
 font: 400 17px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 
 resize: none;
-border: none;
 outline: none;
 box-shadow: none;
 overflow:hidden;
@@ -229,6 +228,9 @@ color: #111;
 width: 100%;
 height: 25%;
 z-index:100;
+padding: 4px 10px;
+font-size: 95%;
+line-height: 140%;
 }
 
 /* Alerts */
diff --git a/Client/WebServer/css/prism.css b/Client/WebServer/css/prism.css
index 53766d7dd..cf100cbe4 100644
--- a/Client/WebServer/css/prism.css
+++ b/Client/WebServer/css/prism.css
@@ -56,9 +56,13 @@ pre[class*="language-"] {
 	overflow: auto;
 }
 
+/* This is the main block affecting the container of code blocks in Superalgos */
 :not(pre) > code[class*="language-"],
 pre[class*="language-"] {
-	background: #f5f2f0;
+	background-color: #e6eaea;
+	border: 1px solid #cdd4d5;
+	border-radius: 5px;
+	padding: 15px;
 }
 
 /* Inline code */
@@ -107,9 +111,9 @@ pre[class*="language-"] {
 .token.url,
 .language-css .token.string,
 .style .token.string {
-	color: #9a6e3a;
-	/* This background color was intended by the author of this theme. */
-	background: hsla(0, 0%, 100%, .5);
+	color: #3c763d;
+	/* This background color was intended by the author of this theme. 
+	background: hsla(0, 0%, 100%, .5);*/
 }
 
 .token.atrule,