diff --git a/src/root/layout.tt b/src/root/layout.tt
index 933fe893..bee4d8a7 100644
--- a/src/root/layout.tt
+++ b/src/root/layout.tt
@@ -65,6 +65,8 @@
     </div>
 
     <div class="container">
+      <div class="skip-topbar"></div>
+
       [% IF flashMsg %]
         <div class="alert alert-info">[% flashMsg %]</div>
       [% END %]
diff --git a/src/root/static/css/hydra.css b/src/root/static/css/hydra.css
index 6f65c649..59ef91c1 100644
--- a/src/root/static/css/hydra.css
+++ b/src/root/static/css/hydra.css
@@ -1,9 +1,12 @@
-@media (min-width: 768px) {
-    body {
-        padding-top: 40px;
-    }
-    div.alert {
-        margin-top: 1em;
+div.skip-topbar {
+    padding-top: 40px;
+    margin-bottom: 1.5em;
+}
+
+@media (max-width: 979px) {
+    div.skip-topbar {
+        padding-top: 0;
+        margin-bottom: 0;
     }
 }