diff --git a/src/App.css b/src/App.css
index 903311df6208eefa5ad958e19f60f3511303218d..d1e5cf909a174524e207d640e3f5673c235b2d82 100644
--- a/src/App.css
+++ b/src/App.css
@@ -166,12 +166,9 @@ div.login button:hover {
   pointer-events: all;
 }
 
-/* moving the tooltip so that the icon can be clicked */
-/*
-.leaflet-tooltip-center {
-  margin-top: 24px;
+.leaflet-tooltip-bottom:before {
+  border: 0;
 }
-*/
 
 /* Editing editable tooltips */
 .editable {
diff --git a/src/components/DrawTools.js b/src/components/DrawTools.js
index bc57aa4bb89d65dbe0c1a65ffda942e7c88c5041..752e7c2c581862dec584237ece8a8217b0eb6c8a 100644
--- a/src/components/DrawTools.js
+++ b/src/components/DrawTools.js
@@ -10,7 +10,7 @@ L.Draw.MarkerTextBox = L.Draw.Marker.extend({
     icon: L.divIcon({
       className: "dummy",
       iconSize: [20, 20],
-      iconAnchor: [10, 50]
+      iconAnchor: [10, 20]
     }),
     repeatMode: false,
     interactive: true
@@ -84,7 +84,7 @@ class DrawTools extends Component {
 
       e.layer.bindTooltip(tooltip, {
         permanent: true,
-        direction: "center",
+        direction: "bottom",
         interactive: true
       });
 
@@ -110,8 +110,6 @@ class DrawTools extends Component {
 
         console.log(tooltip.firstChild.childNodes.length);
         let margintop = tooltip.firstChild.childNodes.length * 40;
-        e.layer.options.icon.options.iconAnchor = [10, 1000];
-        //tooltip.style.backgroundColor = "#000";
         console.log(e.layer);
         //tooltip.style.marginTop = margintop.toString() + "px";