diff --git a/app/css/app.css b/app/css/app.css
index ef27974..f2d486a 100644
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -18,6 +18,11 @@ z-index: 3;
 position: relative;
 }
 
+mapbutton a {
+color:#34495e; 
+text-decoration: none;
+}
+
 footer {
 min-height: 160px;
 width: 100%;
diff --git a/app/partials/landmark-list.html b/app/partials/landmark-list.html
index 21518c7..5940919 100644
--- a/app/partials/landmark-list.html
+++ b/app/partials/landmark-list.html
@@ -54,8 +54,10 @@ <h4><a ng-href="#/landmark/{{landmark.id}}">{{landmark.name}}</a></h4>
               </span>  
 
               <!--Show location name for button or default is its empty-->
-              <button><a style="color:#34495e; text-decoration: none;" ng-href="#/map/coordinates/{{landmark.loc[0]}}/{{landmark.loc[1]}}/{{landmark.id}}"<i class="fui-location"></i>
-              <span ng-hide="landmark.loc_nicknames">Map Location</span>{{landmark.loc_nicknames[0]}}</a></button>
+              <span class="mapbutton"></span><a ng-href="#/map/coordinates/{{landmark.loc[0]}}/{{landmark.loc[1]}}/{{landmark.id}}"<i class="fui-location"></i>
+              <span ng-hide="landmark.loc_nicknames">Map Location</span>{{landmark.loc_nicknames[0]}}</a></span>
+              
+              
 
           </li>
       </ul>