diff --git a/aio/src/app/app.component.html b/aio/src/app/app.component.html
index e0370e8813..4b9daad644 100644
--- a/aio/src/app/app.component.html
+++ b/aio/src/app/app.component.html
@@ -21,10 +21,12 @@
     <aio-dt [on]="dtOn" [(doc)]="currentDocument"></aio-dt>
   </section>
 
+  <footer>
+    <aio-footer [nodes]="footerNodes" [versionInfo]="versionInfo" ></aio-footer>
+  </footer>
+
 </md-sidenav-container>
 
 <aio-search-results #searchResults></aio-search-results>
 
-<footer>
-  <aio-footer [nodes]="footerNodes" [versionInfo]="versionInfo" ></aio-footer>
-</footer>
+
diff --git a/aio/src/styles/1-layouts/_sidenav.scss b/aio/src/styles/1-layouts/_sidenav.scss
index 1a6f9acb42..69bdd563a5 100644
--- a/aio/src/styles/1-layouts/_sidenav.scss
+++ b/aio/src/styles/1-layouts/_sidenav.scss
@@ -3,11 +3,13 @@ aio-nav-menu.top-menu .vertical-menu-item  {
   text-transform: uppercase;
 }
 
-.mat-sidenav.sidenav {
-  box-shadow: 6px 0 6px rgba(0,0,0,0.10);
-  background-color: $offwhite;
+md-sidenav.mat-sidenav.sidenav {
+  position: fixed;
+  bottom: 0;
   padding: 80px 0px 0px;
   min-width: 260px;
+  background-color: $offwhite;
+  box-shadow: 6px 0 6px rgba(0,0,0,0.10);
 }
 
 md-sidenav.mat-sidenav.sidenav.collapsed {