diff --git a/monkey_island/cc/ui/src/components/pages/ReportPage.js b/monkey_island/cc/ui/src/components/pages/ReportPage.js
index 2d3022adc..1ef8b2f30 100644
--- a/monkey_island/cc/ui/src/components/pages/ReportPage.js
+++ b/monkey_island/cc/ui/src/components/pages/ReportPage.js
@@ -596,6 +596,16 @@ class ReportPageComponent extends React.Component {
                 <p>
                   From the attacker's point of view, the network looks like this:
                 </p>
+                <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={{position: 'relative', height: '80vh'}}>
                   <ReactiveGraph graph={this.state.graph} options={options}/>
                 </div>