diff --git a/website/source/_ember_templates.html.erb b/website/source/_ember_templates.html.erb
index 89d41953e..5301d08c9 100644
--- a/website/source/_ember_templates.html.erb
+++ b/website/source/_ember_templates.html.erb
@@ -6,6 +6,7 @@
 
 <script type="text/x-handlebars" data-template-name="demo">
     <div class="terminal">
+        <a class="close-terminal" href="#">X</a>
         {{outlet}}
         <div class="loading-bar"></div>
     </div>
diff --git a/website/source/assets/stylesheets/_demo.scss b/website/source/assets/stylesheets/_demo.scss
index 845ceb258..fcf0b94ae 100644
--- a/website/source/assets/stylesheets/_demo.scss
+++ b/website/source/assets/stylesheets/_demo.scss
@@ -14,9 +14,28 @@
 }
 
 .terminal {
-    padding: 0px 25px;
+    padding: 0px 65px 0 25px;
     padding-bottom: 50px;
 
+    .close-terminal{
+        display: inline-block;
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 60px;
+        height: 60px;
+        color: #8B8A8F;
+        background-color: #202021;
+        text-align: center;
+        line-height: 60px;
+        font-size: 30px;
+        @include lato-light();
+
+        &:hover{
+            text-decoration: none;
+        }
+    }
+
     .welcome {
         padding-top: 20px;
     }