diff --git a/index.html b/index.html
index 6a8262c..c179166 100644
--- a/index.html
+++ b/index.html
@@ -178,7 +178,10 @@
 
                 <div class="sidebar-pane" id="tab_layers_control">
                     <h1 class="sidebar-header">Layers<span class="sidebar-close"><i class="fa fa-caret-right"></i></span></h1>
-                    <div id="layers-control-wrapper">
+                    <div id="layers-control-wrapper"></div>
+                    <div class="leaflet-control-layers-separator"></div>
+                    <div>
+                        <button type="button" id="custom_layers_button" class="btn btn-sm pull-right" title="Add or remove custom layers"><span class="fa fa-plus-square"></span> Customize layers</button>
                     </div>
                 </div>
                 
diff --git a/js/control/Layers.js b/js/control/Layers.js
index 359df0b..f955172 100644
--- a/js/control/Layers.js
+++ b/js/control/Layers.js
@@ -59,16 +59,9 @@ BR.Layers = L.Class.extend({
             }
         });
 
-        addLayer = L.easyButton(
-            'fa-plus-square',
-            function () {
-                $('#custom_layers').modal();
-            },
-            'Add or remove custom layers',
-            {
-                position: 'topright'
-            }
-            ).addTo(map);
+        L.DomUtil.get('custom_layers_button').onclick = function () {
+            $('#custom_layers').modal();
+        };
     },
 
     _remove: function(evt) {