diff --git a/_layouts/note.html b/_layouts/note.html
index e39b9d4..f30b0c7 100644
--- a/_layouts/note.html
+++ b/_layouts/note.html
@@ -3,8 +3,8 @@ layout: default
 ---
 <div class="flex">
   <article class="w-50 pa3 pr0">
-    <div class="container bg-white sha pa3 br4">
-      <header class="mb2 b--washed-green">
+    <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
+      <header>
         <div class="note-meta flex justify-between">
           {% if page.date_created %}
             <time class="code dib f7 pb2 flex" datetime="{{ page.date_created | date_to_xmlschema }}">{% if page.type != 'pages' %}
@@ -17,34 +17,34 @@ layout: default
             {% endif %}
           </time>
         </div>
-        <h1 class="normal work-sans-light f-6 lh-solid">{{ page.title }}</h1>
+        <h1 class="normal work-sans-light f-6 mb4 lh-solid">{{ page.title }}</h1>
       </header>
 
-      <div id="notes-entry-container">
+      <div id="notes-entry-container" class="flex-auto">
         <div class="note-contents f6 lh-copy">
           {{ content }}
         </div>
-
-        <aside class="bt b--moon-gray mt5">
-          <h3 class="normal f1 mv5 work-sans-light">Notes mentioning this note</h3>
-          {% if page.backlinks.size > 0 %}
-          <div class="flex">
-          {% for backlink in page.backlinks %}
-            <div class="w-50 mr2 pa3 ba b--moon-gray br4">
-              <h4 class="mt0  mb2"><a class="internal-link" href="{{ backlink.url | relative_url }}{%- if site.use_html_extension -%}.html{%- endif -%}">{{ backlink.title }}</a></h4>
-              <div class="f7 lh-copy">{{ backlink.excerpt | strip_html | truncatewords: 20 | remove: '[[' | remove: ']]' }}</div>
-            </div>
-          {% endfor %}
-          </div>
-          {% else %}
-          <div>
-            <p class="f7">
-              There are no notes linking to this note.
-            </p>
-          </div>
-          {% endif %}
-        </aside>
       </div>
+
+      <aside class="bt b--washed-green bw1 nl3 nr3 ph3 mt5">
+        <h3 class="normal f1 mt5 work-sans-light mb4">Notes mentioning this note</h3>
+        {% if page.backlinks.size > 0 %}
+        <div class="flex">
+        {% for backlink in page.backlinks %}
+          <div class="w-50 mr2 pa3 ba b--moon-gray br4">
+            <h4 class="mt0  mb2"><a class="internal-link" href="{{ backlink.url | relative_url }}{%- if site.use_html_extension -%}.html{%- endif -%}">{{ backlink.title }}</a></h4>
+            <div class="f7 lh-copy">{{ backlink.excerpt | strip_html | truncatewords: 20 | remove: '[[' | remove: ']]' }}</div>
+          </div>
+        {% endfor %}
+        </div>
+        {% else %}
+        <div>
+          <p class="f7">
+            There are no notes linking to this note.
+          </p>
+        </div>
+        {% endif %}
+      </aside>
     </div>
   </article>
 
diff --git a/_sass/_digital-garden.scss b/_sass/_digital-garden.scss
index 59eef9c..773a5c5 100644
--- a/_sass/_digital-garden.scss
+++ b/_sass/_digital-garden.scss
@@ -47,6 +47,12 @@
   width: 20rem;
 }
 
+// Height Helper
+
+.min-vh-100-header-comp {
+  min-height: calc(100vh - 6rem);
+}
+
 // Extended cursors
 
 .grab:hover {
@@ -129,7 +135,7 @@
 .note-contents {
   blockquote {
     margin: 0 0 0 0.5em;
-    padding: 0.05em 0.5em;
+    padding: 0 0.5em;
     border-left: 2px solid rgba($accent-color, 0.5);
   }
 
@@ -159,10 +165,10 @@
   display: block;
   position: absolute;
   z-index: 1;
-  bottom: .5rem;
+  bottom: 0;
   right: 0;
   pointer-events: none;
-  background-image: linear-gradient(to right, rgba(#fff, 0), rgba(#fff, 1) 50%);
-  width: 150px;
-  height: 1rem;
+  background-image: linear-gradient(rgba(#fff, 0), rgba(#fff, 1));
+  width: 100%;
+  height: 2rem;
 }
\ No newline at end of file