diff --git a/static/styles.css b/static/styles.css
index 95b82bf..9b6a996 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -79,12 +79,16 @@ nav {
 .leaflet-marker-icon {
     background-color: transparent !important;
     border: rgba(0, 0, 0, 0);
+    padding: 0;
+    margin: 0;
 }
 
 .fa, .far, .fas {
     color:rgb(0, 0, 0);
     text-shadow: -1px 0 rgb(255, 136, 0), 0 1px rgb(255, 136, 0), 1px 0 rgb(255, 136, 0), 0 -1px rgb(255, 136, 0);
     font-size: larger;
+    margin-left: -10px;
+    margin-top: -10px;
 }
 
 
@@ -110,8 +114,10 @@ nav {
         font-size: 1.3rem; /* Increased font size for readability */
     }
 
-    .fa, .far, .fas {
+    i.fa, i.far, i.fas {
         font-size: 1.6rem; /* Slightly larger icons for better usability */
+        margin-left: -10px;
+        margin-top: -10px;
     }
 
     button {
@@ -156,6 +162,8 @@ nav {
 
     .fa, .far, .fas {
         font-size: 2.2rem; /* Larger icons for touch interactions */
+        margin-left: -10px;
+        margin-top: -10px;
     }
 
     button {
diff --git a/templates/index.html b/templates/index.html
index ad27c07..6ccc0a9 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -24,7 +24,7 @@
                 className: '{{pin.typeofpin}}',
                 html: iconTypes['{{pin.typeofpin}}'],
                 iconSize:[10,10],
-                iconAnchor:[10,10],
+                iconAnchor:[5,5],
             });
             L.marker([{{ pin.lat }}, {{ pin.lng }}], {icon: icon}).addTo(map)
                 .bindPopup("<b>{{ pin.description }}</b><p>Fecha del reporte: {{pin.time}}</p><br><img src='{{ pin.photo }}'>");