diff --git a/src/components/d-title.js b/src/components/d-title.js
index 6cb80ec..05bab6a 100644
--- a/src/components/d-title.js
+++ b/src/components/d-title.js
@@ -21,6 +21,7 @@ const T = Template('d-title', `
     font-weight: 300;
     font-size: 1.5rem;
     line-height: 1.2em;
+    grid-column: text;
   }
 
   .status {
diff --git a/src/styles/styles-layout.css b/src/styles/styles-layout.css
index a13e89c..0e791fd 100644
--- a/src/styles/styles-layout.css
+++ b/src/styles/styles-layout.css
@@ -118,6 +118,19 @@ d-figure {
   grid-column: page;
 } */
 
+.l-gutter {
+  grid-column: gutter;
+}
+
+.l-text,
+.l-body {
+  grid-column: text;
+}
+
+.l-page {
+  grid-column: page;
+}
+
 .l-body-outset {
   grid-column: middle;
 }
@@ -141,18 +154,17 @@ d-figure {
 
 d-article aside {
   grid-column: gutter;
+  font-size: 12px;
+  line-height: 1.6em;
+  color: rgba(0, 0, 0, 0.6)
 }
 
 @media(min-width: 768px) {
   aside {
-    grid-column: right-outset / right-page;
-    font-size: 14px;
-    line-height: 1.3;
+    grid-column: gutter;
   }
 
   .side {
-    margin-left: 24px;
-    float: right;
-    width: 50%;
+    grid-column: gutter;
   }
 }