diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index c180735eb..8052513fc 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -23,6 +23,11 @@
 // 01. Global styles
 // -----------------
 
+::selection {
+  color: white;
+  background-color: $brand;
+}
+
 body {
   font-size: $base-font-size;
 }
@@ -148,10 +153,6 @@ a {
   height: 100%;
 }
 
-.wrap {
-  background: white;
-}
-
 .footer, .push {
   clear: both;
   min-height: $line-height*12;
diff --git a/app/assets/stylesheets/mixins.scss b/app/assets/stylesheets/mixins.scss
index d772b8ace..5ffc534cb 100644
--- a/app/assets/stylesheets/mixins.scss
+++ b/app/assets/stylesheets/mixins.scss
@@ -13,7 +13,7 @@
   font-size: rem-calc(24);
   font-weight: lighter;
 
-  @include breakpoint(small) {
+  @include breakpoint(medium) {
     line-height: $line-height*2;
     margin-top: 0;
   }
@@ -22,7 +22,7 @@
     height: 48px;
     width: 48px;
 
-    @include breakpoint(small) {
+    @include breakpoint(medium) {
       height: 80px;
       margin-right: $line-height/2;
       margin-top: 0;
diff --git a/app/views/debates/index.html.erb b/app/views/debates/index.html.erb
index 22d628c65..2cd3f2d53 100644
--- a/app/views/debates/index.html.erb
+++ b/app/views/debates/index.html.erb
@@ -6,7 +6,7 @@
 <% end %>
 
 <main>
-  <div class="wrap row">
+  <div class="row">
     <div id="debates" class="debates-list small-12 medium-9 column">
 
       <div class="small-12 search-results">
diff --git a/app/views/management/proposals/index.html.erb b/app/views/management/proposals/index.html.erb
index e7966f0c5..fde056902 100644
--- a/app/views/management/proposals/index.html.erb
+++ b/app/views/management/proposals/index.html.erb
@@ -1,7 +1,7 @@
 <main>
   <%= render 'admin/shared/proposal_search', url: management_proposals_path %>
 
-  <div class="wrap row">
+  <div class="row">
     <div id="proposals" class="proposals-list small-12 medium-9 column">
 
       <div class="filters">
diff --git a/app/views/management/spending_proposals/index.html.erb b/app/views/management/spending_proposals/index.html.erb
index 49e4151d2..2178caf71 100644
--- a/app/views/management/spending_proposals/index.html.erb
+++ b/app/views/management/spending_proposals/index.html.erb
@@ -3,7 +3,7 @@
     <%= render 'admin/shared/spending_proposal_search', url: management_spending_proposals_path %>
   </span>
 
-  <div class="wrap row">
+  <div class="row">
     <div id="investment-projects" class="investment-projects-list small-12 medium-9 column">
 
 
diff --git a/app/views/proposals/index.html.erb b/app/views/proposals/index.html.erb
index 5efa3e24c..df9339619 100644
--- a/app/views/proposals/index.html.erb
+++ b/app/views/proposals/index.html.erb
@@ -6,7 +6,7 @@
 <% end %>
 
 <main>
-  <div class="wrap row">
+  <div class="row">
     <div id="proposals" class="proposals-list small-12 medium-9 column">
 
       <div class="small-12 search-results">
diff --git a/app/views/proposals/summary.html.erb b/app/views/proposals/summary.html.erb
index 38c56c963..d5bc22196 100644
--- a/app/views/proposals/summary.html.erb
+++ b/app/views/proposals/summary.html.erb
@@ -1,5 +1,5 @@
 <main>
-  <div class="wrap row proposals-summary">
+  <div class="row proposals-summary">
     <div id="proposals" class="proposals-list small-12 medium-9 column">
       <%= render "shared/back_link" %>
 
diff --git a/app/views/spending_proposals/index.html.erb b/app/views/spending_proposals/index.html.erb
index 563b84e23..4e95fd8db 100644
--- a/app/views/spending_proposals/index.html.erb
+++ b/app/views/spending_proposals/index.html.erb
@@ -6,7 +6,7 @@
 <% end %>
 
 <main>
-  <div class="wrap row">
+  <div class="row">
     <div id="investment-projects" class="investment-projects-list small-12 medium-9 column">
 
       <div class="small-12 search-results">