diff --git a/traffic-incidents.html b/traffic-incidents.html
index 5d3c96f..7afbdf3 100644
--- a/traffic-incidents.html
+++ b/traffic-incidents.html
@@ -48,7 +48,25 @@
 <link rel="import" href="../iron-icons/iron-icons.html">
 <link rel="import" href="../paper-spinner/paper-spinner.html">
 <link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
-
+<!-- Fix bug with font-face and shadow dom-->
+<style>
+  @font-face {
+    font-family: "Flaticon";
+    src: url("fonts/Flaticon.eot");
+    src: url("fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
+    url("fonts/Flaticon.woff") format("woff"),
+    url("fonts/Flaticon.ttf") format("truetype"),
+    url("fonts/Flaticon.svg#Flaticon") format("svg");
+    font-weight: normal;
+    font-style: normal;
+  }
+  @media screen and (-webkit-min-device-pixel-ratio:0) {
+    @font-face {
+      font-family: "Flaticon";
+      src: url("./fonts/Flaticon.svg#Flaticon") format("svg");
+    }
+  }
+</style>
 
 
 <dom-module id="traffic-incidents">