diff --git a/src/pg/core/_colour-samples.pug b/src/pg/core/_colour-samples.pug
index c525f50..6e39cd8 100644
--- a/src/pg/core/_colour-samples.pug
+++ b/src/pg/core/_colour-samples.pug
@@ -216,7 +216,7 @@ mixin colour-samples(colors, theid)
 						- for ( var ii = 0; ii < colors[i].grad.l.length; ++ii ) {
 							color-pill(data-hex= color( colors[i].grad.l[ii].c, "hex") data-rgb= color(colors[i].grad.l[ii].c, "rgb") data-token= "--" + colorpfx + "-" + colors[i].grad.l[ii].n) 
 								span(style="background-color: " + colors[i].grad.l[ii].c )
-									div.tooltip-tc.color-accessibility(role="tooltip" inert tip-position="bottom")
+									tool-tip.tooltip-tc.color-accessibility(role="tooltip" inert tip-position="bottom")
 										+accessibility-info(color(colors[i].grad.l[ii].c, "rgb"))
 								if colors[i].grad.l[ii].d
 									span #{colors[i].grad.l[ii].d}
@@ -228,7 +228,7 @@ mixin colour-samples(colors, theid)
 						- for ( var ii = 0; ii < colors[i].grad.d.length; ++ii ) {
 							color-pill(data-hex= color(colors[i].grad.d[ii].c, "hex") data-rgb= color(colors[i].grad.d[ii].c, "rgb") data-token= "--" + colorpfx + "-" + colors[i].grad.d[ii].n) 
 								span(style="background-color: " + colors[i].grad.d[ii].c )
-									div.tooltip-tc.color-accessibility(role="tooltip" inert tip-position="bottom")
+									tool-tip.tooltip-tc.color-accessibility(role="tooltip" inert tip-position="bottom")
 										+accessibility-info(color(colors[i].grad.d[ii].c, "rgb"))
 								if colors[i].grad.d[ii].d
 									span #{colors[i].grad.d[ii].d}