diff --git a/docs/static/calliope_mini_front_V03_1110_1120_pins.svg b/docs/static/calliope_mini_front_V03_1110_1120_pins.svg
index f8dcec0f..1ec586ab 100644
--- a/docs/static/calliope_mini_front_V03_1110_1120_pins.svg
+++ b/docs/static/calliope_mini_front_V03_1110_1120_pins.svg
@@ -2,7 +2,7 @@
 <!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 251.8 222.2" enable-background="new 0 0 251.8 222.2" xml:space="preserve">
+	 viewBox="0 0 251.8 222.2" width="251.8" height="222.2" enable-background="new 0 0 251.8 222.2" xml:space="preserve">
 <symbol  id="Mini_front" viewBox="-121.4 -112.4 242.4 214.1">
 	<g>
 		
diff --git a/sim/visuals/microbit.ts b/sim/visuals/microbit.ts
index ecd8d8ef..04ee3107 100644
--- a/sim/visuals/microbit.ts
+++ b/sim/visuals/microbit.ts
@@ -143,8 +143,7 @@ namespace pxsim.visuals {
             stroke-width: 2px;
         }
     `;
-    const BOARD_SVG = `
-<?xml version="1.0" encoding="utf-8"?>
+    const BOARD_SVG = `<?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
@@ -1386,8 +1385,7 @@ namespace pxsim.visuals {
         }
 
         private buildDom() {
-            this.element = <SVGSVGElement>svg.elt("svg")
-            this.element.innerHTML = BOARD_SVG;
+			this.element = new DOMParser().parseFromString(BOARD_SVG, "image/svg+xml").querySelector("svg") as SVGSVGElement;
             svg.hydrate(this.element, {
                 "version": "1.0",
                 "viewBox": `0 0 ${MB_WIDTH} ${MB_HEIGHT}`,