diff --git a/monkey_island/cc/ui/src/components/pages/MapPage.js b/monkey_island/cc/ui/src/components/pages/MapPage.js
index ef40c3ddc..65c407102 100644
--- a/monkey_island/cc/ui/src/components/pages/MapPage.js
+++ b/monkey_island/cc/ui/src/components/pages/MapPage.js
@@ -10,6 +10,8 @@ let groupNames = ['clean_linux', 'clean_windows', 'exploited_linux', 'exploited_
   'manual_linux', 'manual_linux_running', 'manual_windows', 'manual_windows_running', 'monkey_linux',
   'monkey_linux_running', 'monkey_windows', 'monkey_windows_running'];
 
+let legend = require('../../images/map-legend.png');
+
 let getGroupsOptions = () => {
   let groupOptions = {};
   for (let groupName of groupNames) {
@@ -130,6 +132,9 @@ class MapPageComponent extends React.Component {
         <Col xs={12}>
           <h1 className="page-title">Infection Map</h1>
         </Col>
+        <Col xs={12}>
+          <img src={legend}/>
+        </Col>
         <Col xs={8}>
           <Graph graph={this.state.graph} options={options} events={this.events}/>
         </Col>
diff --git a/monkey_island/cc/ui/src/images/map-legend.png b/monkey_island/cc/ui/src/images/map-legend.png
new file mode 100644
index 000000000..4b7759a09
Binary files /dev/null and b/monkey_island/cc/ui/src/images/map-legend.png differ