diff --git a/public/resources/css/_options.scss b/public/resources/css/_options.scss
index b6d6660d56..d4141f0a03 100644
--- a/public/resources/css/_options.scss
+++ b/public/resources/css/_options.scss
@@ -16,7 +16,7 @@ $mono-font: Monaco, "Lucida Console", monospace;
 
 $unit: 8px;
 $phone-breakpoint: 480px;
-$tablet-breakpoint: 900px;
+$tablet-breakpoint: 780px;
 
 
 /*
diff --git a/public/resources/css/layout/_layout.scss b/public/resources/css/layout/_layout.scss
index 5554567490..e9c1959d88 100644
--- a/public/resources/css/layout/_layout.scss
+++ b/public/resources/css/layout/_layout.scss
@@ -49,6 +49,12 @@
 
 .l-content {
   padding: ($unit * 8) ($unit * 12);
+
+  @media handheld and (max-width: $phone-breakpoint),
+  screen and (max-device-width: $phone-breakpoint),
+  screen and (max-width: $tablet-breakpoint) {
+    padding: ($unit * 3);
+  }
 }
 
 .l-content-block {