diff --git a/src/index.tsx b/src/index.tsx
index 49f097b0..6bbb9180 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -345,11 +345,14 @@ function generateDraw(element: ExcaliburElement) {
     element.draw = (rc, context) => {
       const font = context.font;
       context.font = element.font;
+      const fillStyle = context.fillStyle;
+      context.fillStyle = element.strokeColor;
       context.fillText(
         element.text,
         element.x,
         element.y + element.actualBoundingBoxAscent
       );
+      context.fillStyle = fillStyle;
       context.font = font;
     };
   } else {