diff --git a/public/index.html b/public/index.html
index d8401c9..d18ff7c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -40,7 +40,6 @@
         You need to enable JavaScript to run this app.
     </noscript>
     <div id="root"></div>
-    <!-- Hotjar Tracking Code for https://marten-application.netlify.com/ -->
     <!-- Hotjar Tracking Code for https://marten-tracker.netlify.com/ -->
     <script>
       (function(h,o,t,j,a,r){
diff --git a/public/map-icons/cage.png b/public/map-icons/cage.png
index de9be45..781b3c8 100644
Binary files a/public/map-icons/cage.png and b/public/map-icons/cage.png differ
diff --git a/public/map-icons/other-icon.png b/public/map-icons/other-icon.png
index 123c810..f85b128 100644
Binary files a/public/map-icons/other-icon.png and b/public/map-icons/other-icon.png differ
diff --git a/public/map-icons/paws.png b/public/map-icons/paws.png
index dcf1e98..7d16d1a 100644
Binary files a/public/map-icons/paws.png and b/public/map-icons/paws.png differ
diff --git a/public/map-icons/photo-icon.png b/public/map-icons/photo-icon.png
index 9fa1422..412480a 100644
Binary files a/public/map-icons/photo-icon.png and b/public/map-icons/photo-icon.png differ
diff --git a/public/map-icons/tire-icon.png b/public/map-icons/tire-icon.png
index a2de7ac..791b15a 100644
Binary files a/public/map-icons/tire-icon.png and b/public/map-icons/tire-icon.png differ
diff --git a/src/components/SightingMap.js b/src/components/SightingMap.js
index abc06b8..ebe21cd 100644
--- a/src/components/SightingMap.js
+++ b/src/components/SightingMap.js
@@ -297,8 +297,8 @@ export class MapContainer extends Component {
                                 description={<Fragment><b>Description:</b> {sighting.desc}</Fragment>}
                                 icon={{
                                     url: pinIcon,
-                                    anchor: new google.maps.Point(32,32),
-                                    scaledSize: new google.maps.Size(32,32)
+                                    anchor: new google.maps.Point(48,48),
+                                    scaledSize: new google.maps.Size(48,48)
                                 }}
                             />
                         )
diff --git a/src/components/list/ViewSightings.js b/src/components/list/ViewSightings.js
index 368ea6e..e97bb16 100644
--- a/src/components/list/ViewSightings.js
+++ b/src/components/list/ViewSightings.js
@@ -85,7 +85,7 @@ class ViewSightings extends Component {
     render() {
         return (
             <Fragment>
-                <Grid container>
+                <Grid container className='sighting-container'>
                     <Grid item xs={12} md={6} className='sighting-list'>
                         <Fragment>
                             <List>
diff --git a/src/css/App.css b/src/css/App.css
index 6a79e73..de1978e 100644
--- a/src/css/App.css
+++ b/src/css/App.css
@@ -2,6 +2,10 @@ body {
     margin: 0;
 }
 
+.sighting-google-map-container > div {
+  height: calc(100% - 64px) !important;
+}
+
 @media (min-width: 600px) {
     .sighting-google-map-container > div {
         width: calc(100% - 240px) !important;
@@ -9,12 +13,6 @@ body {
     }
 }
 
-@media (min-width: 960px) {
-    .report-google-map-container > div {
-        width: calc(100% - 50% - 120px) !important;
-    }
-}
-
 #disqus_thread {
     width: 89% !important;
     margin: 0 auto;
@@ -30,18 +28,38 @@ body {
 .sighting-list {
     height: calc(50vh - 64px);
     overflow-y: scroll;
+
 }
 
 @media (min-width: 960px) {
+
+    .sighting-container {
+        height: calc(100vh - 64px);
+    }
+
     .sighting-list {
         height: calc(100vh - 64px);
         overflow-y: scroll;
     }
+
+    .sighting-details {
+        height: calc(100vh - 64px);
+        overflow-y: scroll;
+    }
+
+    .report-google-map-container > div {
+      height: calc(100% - 64px) !important;
+      width: calc(100% - 50% - 120px) !important;
+    }
+
+    .sighting-detail-google-map-container > div {
+      height: 300px !important;
+    }
 }
 
 .sighting-details-content {
     width: 89%;
-    margin: 330px auto 0 auto;
+    margin: 0 auto 0 auto;
 }
 
 .sighting-detail-google-map-container > div {
@@ -52,11 +70,4 @@ body {
 .contact-form {
     max-width: 100%;
     overflow: hidden;
-}
-
-@media (min-width: 960px) {
-    .sighting-detail-google-map-container > div {
-        width: calc(100% - 50% - 120px) !important;
-        height: 300px !important;
-    }
 }
\ No newline at end of file