diff --git a/IndexUsingJS.html b/IndexUsingJS.html
index 462f623..f43d689 100644
--- a/IndexUsingJS.html
+++ b/IndexUsingJS.html
@@ -51,9 +51,9 @@
     }
   </style>
 </head>
-<body onload="drawtriangle('#svg1','Roles','#316443',[0.5,0.6,0.5],'red', { x: 0, y: 350 },-0.7);
-    drawtriangle('#svg1','Actions','#6e6e6e',[0.1,0.6,0.5],'green',{ x: 370, y: 350 },2.3);
-    drawtriangle('#svg1','Approach','#d76a23',[0.3,0.6,0.5],'#ffbf00',{ x: 185, y: 32 },1.4);
+<body onload="let amber = '#ffbf00'; drawtriangle('#svg1','Roles','#316443',[0.5,0.6,0.5],'red', { x: 0, y: 350 },-0.7);
+    drawtriangle('#svg1','Actions','#aeaeae',[0.1,0.6,0.5],'green',{ x: 370, y: 350 },2.3);
+    drawtriangle('#svg1','Approach','#d76a23',[0.3,0.6,0.5],amber,{ x: 185, y: 31 },1.4);
     drawtriangleinverted('#svg1','Impact','#9f84b8',[0.7,0.6,0.8],'green',{ x: 185, y: 244},2.4);
     makeSvgRightClickable('svg1');
     ">
diff --git a/drawtriangle.js b/drawtriangle.js
index dfcc02a..df82930 100644
--- a/drawtriangle.js
+++ b/drawtriangle.js
@@ -112,7 +112,7 @@ svg.append("polygon")
   .attr("points", outerPoints.map(p => p.join(",")).join(" "))
   .attr("fill","none")
   .attr("stroke", colour)               // Outer line color
-  .attr("stroke-width", 3);                // Thin outer line
+  .attr("stroke-width", 9);                // Thicker outer line
 
 // Put label in bottom centre of triangle
 const bottomLeft = outerPoints[1];
@@ -126,7 +126,7 @@ svg.append("text")
   .attr("y", midY - 15)   // Alter for correct height
   .attr("text-anchor", "middle")
   .attr("fill", textcolour)    /// My Colour
-  .attr("font-size", "24px")
+  .attr("font-size", "22px")
   .attr("font-weight", "bold")
   .text(`${text}`);
 
@@ -136,7 +136,7 @@ svg.append("text")
   .attr("y", midY -60)
   .attr("text-anchor", "middle")
   .attr("fill", "black") // 🎨 customize color
-  .attr("font-size", "22px")
+  .attr("font-size", "24px")
   .attr("font-weight", "bold")
   .attr("font-family", "Courier New, monospace")
   .text(`${mean}`);
diff --git a/drawtriangleinverted.js b/drawtriangleinverted.js
index abbcfa6..77e1234 100644
--- a/drawtriangleinverted.js
+++ b/drawtriangleinverted.js
@@ -114,7 +114,7 @@ svg.append("polygon")
   .attr("points", outerPoints.map(p => p.join(",")).join(" "))
   .attr("fill","none")
   .attr("stroke", colour)               // Outer line color
-  .attr("stroke-width", 3);                // Thin outer line
+  .attr("stroke-width", 9);             // Thicker outer line
 
 // Put label in bottom centre of triangle (adjust for flat top)
 const bottomLeft = outerPoints[0];
@@ -128,7 +128,7 @@ svg.append("text")
   .attr("y", midY + 30)   // Adjust for correct height (moved to bottom)
   .attr("text-anchor", "middle")
   .attr("fill", textcolour)    // My Colour
-  .attr("font-size", "24px")
+  .attr("font-size", "22px")
   .attr("font-weight", "bold")
   .text(`${text}`);
 
@@ -138,7 +138,7 @@ svg.append("text")
   .attr("y", midY + 80)
   .attr("text-anchor", "middle")
   .attr("fill", "black") // 🎨 customize color
-  .attr("font-size", "22px")
+  .attr("font-size", "24px")
   .attr("font-weight", "bold")
   .attr("font-family", "Courier New, monospace")
   .text(`${mean}`);
