diff --git a/app/views/front_ui/index.html.erb b/app/views/front_ui/index.html.erb
index 1e4ad8482..dcba551f2 100644
--- a/app/views/front_ui/index.html.erb
+++ b/app/views/front_ui/index.html.erb
@@ -34,6 +34,11 @@
   overflow: scroll;
   position: absolute;
 }
+@media(max-width: 780px) {
+  .before-featured-map {
+    margin-bottom: 50px;
+  }
+}
 </style>
 
 <!-- jumbotron with background-image -->
@@ -64,7 +69,7 @@
   </div>
 </div>
 
-<br style="clear:both;" />
+<br class="before-featured-map" style="clear:both;" />
 
 <% if @mappers.any? %>
     <div class="section-header text-center">
diff --git a/test/functional/front_ui_controller_test.rb b/test/functional/front_ui_controller_test.rb
index a2b900016..17ae6d6e6 100644
--- a/test/functional/front_ui_controller_test.rb
+++ b/test/functional/front_ui_controller_test.rb
@@ -13,6 +13,7 @@ def teardown
     assert_response :success
     assert assigns(:mappers)
     assert assigns(:maps)
+    assert_template 'front_ui/index'
   end
 
   test 'gallery page' do