diff --git a/app/controllers/services_controller.rb b/app/controllers/services_controller.rb
index cc7ad159f..f33f87e22 100644
--- a/app/controllers/services_controller.rb
+++ b/app/controllers/services_controller.rb
@@ -8,6 +8,9 @@ class ServicesController < ApplicationController
   skip_before_filter :verify_authenticity_token, :only => :create
   before_filter :authenticate_user!
   before_filter :abort_if_already_authorized, :abort_if_read_only_access, :only => :create
+  before_filter -> { @css_framework = :bootstrap }, only: [:index]
+
+  layout ->(c) { request.format == :mobile ? "application" : "with_header_with_footer" }
 
   respond_to :html
   respond_to :json, :only => :inviter
diff --git a/app/views/services/index.html.haml b/app/views/services/index.html.haml
index 75fbc3688..73b583152 100644
--- a/app/views/services/index.html.haml
+++ b/app/views/services/index.html.haml
@@ -5,14 +5,20 @@
 - content_for :page_title do
   = t('.edit_services')
 
-#section_header
-  %h2
-    = t('settings')
-  = render 'shared/settings_nav'
+.bootstrap_header_padding
 
-.span-14.prepend-5.last
-  = render 'shared/add_remove_services'
+.container
+  .row-fluid
+    .span-12
+      #section_header
+        %h2
+          = t('settings')
+        = render 'shared/settings_nav'
 
-.span-5
-  %p
-    = t('.services_explanation')
+  .row-fluid
+    .span8
+      = render 'shared/add_remove_services'
+
+    .span4
+      %p
+        = t('.services_explanation')