diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss
index f2c60ec..b12b6a8 100644
--- a/assets/scss/partials/layout/article.scss
+++ b/assets/scss/partials/layout/article.scss
@@ -1,8 +1,16 @@
 @import "variables.scss";
 
-.article-page {
+.article-and-sidebar {
     @media (min-width: $on-phone) and (max-width: $on-tablet) {
-        --main-top-padding: 30px;
+        --main-top-padding: 50px;
+    }
+}
+
+.article-page {
+    &.with-toolbar {
+        @media (max-width: $on-tablet) {
+            --main-top-padding: 0;
+        }
     }
 
     .left-sidebar {
@@ -98,12 +106,11 @@
 }
 
 #article-toolbar {
-    margin-bottom: 20px;
     display: flex;
     align-items: center;
 
-    @media (max-width: $on-phone) {
-        margin-top: 20px;
+    @media (max-width: $on-tablet) {
+        margin: 20px 0;
     }
 
     @media (min-width: $on-tablet) {
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 3fe2859..ddab609 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,6 +1,6 @@
 {{ define "body_class" }}2-column{{ end }}
 {{ define "main" }}
-<div class="container extended flex on-phone--column align-items--flex-start article-page">
+<div class="container extended flex on-phone--column align-items--flex-start article-page with-toolbar">
     {{ partial "sidebar/left.html" . }}
 
     <div class="flex column do-not-overflow">