diff --git a/src/app/dashboard/map.component.html b/src/app/dashboard/map.component.html
index e7de04f..8626466 100644
--- a/src/app/dashboard/map.component.html
+++ b/src/app/dashboard/map.component.html
@@ -8,7 +8,7 @@
         </div>
           <!-- this creates a google map on the page with the given lat/lng from -->
           <!-- the component as the initial center of the map: -->
-          <agm-map [latitude]="lat" [longitude]="lng">
+          <agm-map [latitude]="lat" [longitude]="lng" [zoom]="zoom" [scaleControl]="true">
             <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
           </agm-map>
       </div>
diff --git a/src/app/dashboard/map.component.ts b/src/app/dashboard/map.component.ts
index 1a05488..e39e853 100644
--- a/src/app/dashboard/map.component.ts
+++ b/src/app/dashboard/map.component.ts
@@ -11,6 +11,7 @@ export class MapComponent implements OnInit {
 
   lat: number = 54.0466;
   lng: number = -2.8007;
+  zoom: number = 12;
 
   constructor(
     private http: Http,