diff --git a/src/app/cartography/shared/widgets/drawings/text-drawing.spec.ts b/src/app/cartography/shared/widgets/drawings/text-drawing.spec.ts
index 344ae86c..d7a122f5 100644
--- a/src/app/cartography/shared/widgets/drawings/text-drawing.spec.ts
+++ b/src/app/cartography/shared/widgets/drawings/text-drawing.spec.ts
@@ -40,6 +40,7 @@ describe('TextDrawingWidget', () => {
     expect(drew.size()).toEqual(1);
     const text_element = drew.nodes()[0];
     expect(text_element.innerHTML).toEqual('<tspan x="0" dy="0em">THIS IS TEXT</tspan>');
+    expect(text_element.getAttribute('fill')).toEqual("#000000");
     expect(text_element.getAttribute('style')).toEqual('font-family: "TypeWriter"; font-size: 10pt; font-weight: bold');
   });
 
diff --git a/src/app/cartography/shared/widgets/drawings/text-drawing.ts b/src/app/cartography/shared/widgets/drawings/text-drawing.ts
index 927470c2..15e8ff60 100644
--- a/src/app/cartography/shared/widgets/drawings/text-drawing.ts
+++ b/src/app/cartography/shared/widgets/drawings/text-drawing.ts
@@ -32,7 +32,8 @@ export class TextDrawingWidget implements DrawingWidget {
           styles.push(`font-weight: ${text.font_weight}`);
         }
         return styles.join("; ");
-      });
+      })
+      .attr('fill', (text) => text.fill);
 
     const lines = merge.selectAll<SVGTSpanElement, string>('tspan')
       .data((text: TextElement) => {