diff --git a/src/app/dashboard/map.component.html b/src/app/dashboard/map.component.html
index 27ce4c7..e7de04f 100644
--- a/src/app/dashboard/map.component.html
+++ b/src/app/dashboard/map.component.html
@@ -6,13 +6,11 @@
           <strong>Supplier Map</strong>
           <small>Required Data marked in <strong>bold</strong>.</small>
         </div>
-        <div class="card-block">
           <!-- 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-marker [latitude]="lat" [longitude]="lng"></agm-marker>
           </agm-map>
-        </div>
       </div>
     </div>
   </div><!--/.row-->
diff --git a/src/app/dashboard/map.component.ts b/src/app/dashboard/map.component.ts
index 233ad94..1a05488 100644
--- a/src/app/dashboard/map.component.ts
+++ b/src/app/dashboard/map.component.ts
@@ -10,7 +10,7 @@ import 'rxjs/add/operator/map';
 export class MapComponent implements OnInit {
 
   lat: number = 54.0466;
-  lng: number = 2.8007;
+  lng: number = -2.8007;
 
   constructor(
     private http: Http,
diff --git a/src/scss/_custom.scss b/src/scss/_custom.scss
index a47ee9f..f3e9c04 100644
--- a/src/scss/_custom.scss
+++ b/src/scss/_custom.scss
@@ -17,7 +17,7 @@
 
 // Map styling
 agm-map {
-  height: 300px;
+  height: 75vh;
 }
 
 // white title font variant on type-2 as defined in _widgets.css