diff --git a/demo/index.html b/demo/index.html
index 9c06af0..37a8097 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -25,7 +25,7 @@
 
   <link rel="import" href="../pdf-element.html">
 
-  <style is="custom-style" include="demo-pages-shared-styles">
+  <style is="custom-style" >
     .vertical-section-container {
       max-width: 900px;
     }
@@ -37,13 +37,15 @@
 </head>
 
 <body unresolved>
+
   <div class="vertical-section-container centered">
     <h3>PDF-element</h3>
     <demo-snippet class="centered-demo">
       <template>
-          <pdf-element src="./example.pdf"
+        <pdf-element src="./example.pdf"
                      elevation="5"
                      downloadable
+                     height="900"
                      show-file-name
                      enable-text-selection></pdf-element>
       </template>
diff --git a/main.js b/main.js
index ea67775..bb103c9 100644
--- a/main.js
+++ b/main.js
@@ -11,7 +11,7 @@
     this.toolbarHeight = 0;
     this.title = this.toolbar.querySelector('.title');
     this.enableTextSelection = el.enableTextSelection;
-
+    this.HEIGHT = el.getAttribute('height');
 
     this.viewport = this.reader.querySelector('.pdf-viewport');
 
@@ -39,7 +39,8 @@
   Reader.prototype.setSize = function(attrName, newVal) {
 
     this.WIDTH = this.viewportOut.offsetWidth;
-    this.HEIGHT = this.viewportOut.offsetHeight;
+    if (!this.HEIGHT)
+      this.HEIGHT = this.viewportOut.offsetHeight;
 
     var width = this.WIDTH,
       height = this.HEIGHT;
