diff --git a/src/views/index.ecr b/src/views/index.ecr
index d902ae17..2cc2469d 100644
--- a/src/views/index.ecr
+++ b/src/views/index.ecr
@@ -7,7 +7,7 @@
 <% slice.each do |video| %>
     <% player_response = JSON.parse(video.info["player_response"]) %>
     <div class="pure-u-1 pure-u-md-1-4">
-        <div style="margin:1em;">
+        <div class="l-box">
             <a style="width:100%;" href="/watch?v=<%= video.id %>">
                 <img style="width:100%;" src="<%= player_response["videoDetails"]["thumbnail"]["thumbnails"][0]["url"] %>"/>
                 <p><%= video.title %></p>
diff --git a/src/views/layout.ecr b/src/views/layout.ecr
index dbdfc405..069d6e74 100644
--- a/src/views/layout.ecr
+++ b/src/views/layout.ecr
@@ -26,7 +26,7 @@
         </div>
       </div>
       <%= content %>
-      <center style="margin:1em;">
+      <center class="l-box">
         Released under AGPLv3 by <a href="https://github.com/omarroth">Omar Roth</a> -
         source available <a href="https://github.com/omarroth/invidious">here</a>
       </center>
diff --git a/src/views/search.ecr b/src/views/search.ecr
index ed41eac0..1b5a6541 100644
--- a/src/views/search.ecr
+++ b/src/views/search.ecr
@@ -6,7 +6,7 @@
 <div class="pure-g">
 <% slice.each do |video| %>
     <div class="pure-u-1 pure-u-md-1-4">
-        <div style="margin:1em;">
+        <div class="l-box">
             <a style="width:100%;" href="<%= video["link"] %>">
                 <img style="width:100%;" src="<%= video["thumbnail"] %>"/>
                 <%= video["title"] %>