diff --git a/demo/src/app/default/default.component.html b/demo/src/app/default/default.component.html
index d9ef007c49..c117102146 100644
--- a/demo/src/app/default/default.component.html
+++ b/demo/src/app/default/default.component.html
@@ -68,7 +68,7 @@ <h3>Widgets</h3>
         <a routerLink="/components/rating">rating</a> and
         <a routerLink="/components/typeahead">typeahead</a>.
       </p>
-      <a class="btn btn-outline-primary" routerLink='/components'>See all widgets</a>
+      <a class="btn btn-outline-primary align-self-md-start" routerLink='/components'>See all widgets</a>
     </div>
 
     <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white d-flex flex-column align-items-center align-items-md-start">
@@ -121,7 +121,7 @@ <h3>Community</h3>
       <p>
         We give back to the community by contributing to projects we build upon (Angular, Bootstrap).
       </p>
-      <a class="btn btn-outline-primary" target="_blank" rel="noopener" href="http://stackoverflow.com/questions/tagged/ng-bootstrap">See us on Stack Overflow</a>
+      <a class="btn btn-outline-primary align-self-md-start" target="_blank" rel="noopener" href="http://stackoverflow.com/questions/tagged/ng-bootstrap">See us on Stack Overflow</a>
     </div>
   </div>
 </div>