diff --git a/templates/default-layout.cassius b/templates/default-layout.cassius
index f05e9b4..a0c6599 100644
--- a/templates/default-layout.cassius
+++ b/templates/default-layout.cassius
@@ -116,3 +116,10 @@ input:hover[type="submit"]
 
 .username
     font-weight: bold
+
+.message
+    padding:       1rem
+    margin:        4rem 3rem 4rem 4rem
+    border:        none
+    border-radius: 0.5rem
+    background:    #{dark main}
diff --git a/templates/default-layout.hamlet b/templates/default-layout.hamlet
index 1f6c01f..0767c6c 100644
--- a/templates/default-layout.hamlet
+++ b/templates/default-layout.hamlet
@@ -82,9 +82,9 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
   ^{breadcrumbsW}
 
-  <div #messages>
-    $forall (_status, msg) <- msgs
-      <div .message>#{msg}
+<div #messages>
+  $forall (_status, msg) <- msgs
+    <div .message>#{msg}
 
 <main role="main">
   ^{widget}