diff --git a/monkey_island/cc/ui/src/components/pages/MapPage.js b/monkey_island/cc/ui/src/components/pages/MapPage.js
index ef5ab9b9e..e9b3ebf32 100644
--- a/monkey_island/cc/ui/src/components/pages/MapPage.js
+++ b/monkey_island/cc/ui/src/components/pages/MapPage.js
@@ -165,10 +165,17 @@ class MapPageComponent extends React.Component {
         <Col xs={12} lg={8}>
           <h1 className="page-title">Infection Map</h1>
         </Col>
-        <Col xs={12}>
-          <img src={legend}/>
-        </Col>
         <Col xs={8}>
+          <div className="map-legend">
+            <b>Legend: </b>
+            <span>Exploit <i className="fa fa-lg fa-minus" style={{color: '#cc0200'}} /></span>
+            <b style={{color: '#aeaeae'}}>|</b>
+            <span>Scan <i className="fa fa-lg fa-minus" style={{color: '#ff9900'}} /></span>
+            <b style={{color: '#aeaeae'}}>|</b>
+            <span>Tunnel <i className="fa fa-lg fa-minus" style={{color: '#0158aa'}} /></span>
+            <b style={{color: '#aeaeae'}}>|</b>
+            <span>Island Communication <i className="fa fa-lg fa-minus" style={{color: '#a9aaa9'}} /></span>
+          </div>
           <div style={{height: '80vh'}}>
             <ReactiveGraph graph={this.state.graph} options={options} events={this.events}/>
           </div>
diff --git a/monkey_island/cc/ui/src/images/map-legend.png b/monkey_island/cc/ui/src/images/map-legend.png
deleted file mode 100644
index 4b7759a09..000000000
Binary files a/monkey_island/cc/ui/src/images/map-legend.png and /dev/null differ
diff --git a/monkey_island/cc/ui/src/styles/App.css b/monkey_island/cc/ui/src/styles/App.css
index 300e14cf8..98dc1be0e 100644
--- a/monkey_island/cc/ui/src/styles/App.css
+++ b/monkey_island/cc/ui/src/styles/App.css
@@ -270,6 +270,10 @@ body {
   background: #d30d09;
 }
 
+.map-legend {
+  font-size: 18px;
+}
+
 /*
  * Full Logs Page
  */